:root{--bg:#040814;--bg2:#071326;--card:#0b1e3b;--card2:#07162d;--blue:#199cff;--cyan:#3ed8ff;--purple:#8754ff;--green:#32e6a4;--text:#f7f9ff;--muted:#9fb4d8;--line:rgba(78,147,255,.24);--gline:rgba(50,230,164,.24);--grad:linear-gradient(135deg,#199cff,#8754ff);--color-primary:#199cff!important;--color-primary-dark:#1078d6!important;--color-primary-light:#3ed8ff!important;--color-primary-reverse:#fff!important;--color-secondary:#8754ff!important;--color-title:#fff!important;--color-text:#e8f1ff!important;--color-text-reverse:#fff!important}html,body{background:var(--bg)!important}body{color:var(--text)!important;overflow-x:hidden;background:linear-gradient(180deg,var(--bg),var(--bg2) 52%,var(--bg))!important}main,#app,.page-wrapper,.page--cart,section{background:transparent!important}h1,h2,h3,h4,h5,h6,.title{color:#fff!important}p,li,label,small,td,th{color:var(--text)}a{color:var(--cyan)}.store-notify{color:#fff!important;background:linear-gradient(90deg,#02050c,#0a1230,#02050c)!important;border-bottom:1px solid var(--line)}.store-notify *{color:#fff!important}.top-header,#site-header-outer,.site-header{color:#fff!important;background:#050d1b!important;border-color:var(--line)!important}.top-header{border-bottom:1px solid var(--line)!important}.site-header__wrapper{min-height:76px}.site-header__cart,.site-header__cart *,.main-header-components,.main-header-components *{color:#fff!important}.form--search salla-search,#search_form{border-radius:999px}salla-search{--salla-search-bg:#0b1a36;--salla-search-color:#fff;--salla-search-border-color:rgba(78,149,255,.3)}.form--search input,salla-search input,.search-input{min-height:44px!important;color:#fff!important;background:#0d1f40!important;border:1px solid rgba(78,149,255,.3)!important;border-radius:999px!important}.top-header .btn--grey,.top-header .dropdown-trigger,.top-header salla-user-menu button{color:#fff!important;background:#0d1f40!important;border:1px solid var(--line)!important;border-radius:999px!important}.hero.header-block--nav-wrapper,.nav-desktop--horizontal,.horizontal-nav-wrapper{background:#050c1a!important;border-bottom:1px solid var(--line)}.nav-desktop--horizontal a{color:#edf5ff!important;font-weight:700;background:transparent!important}.nav-desktop--horizontal a:hover,.nav-desktop--horizontal .active a,.menu-item.current a{color:var(--cyan)!important;background:#0d2040!important;border-radius:9px!important}.banner-entry,.main-slider,.s-slider-block,salla-slider,.s-block--banners a{overflow:hidden;border:1px solid var(--line);border-radius:20px!important}.banner-entry img,.main-slider img,.s-block--banners img{display:block;width:100%;border-radius:20px!important}.title--has-dash,.title--x-large,.s-block__title,.section-title,.page-title{color:#fff!important;font-weight:900!important}.title--has-dash:before,.title--x-large:before,.s-block__title:before,.section-title:before,.page-title:before{content:"";display:inline-block;width:4px;height:24px;margin-inline-end:8px;vertical-align:middle;border-radius:99px;background:var(--grad)}.products-list-container,.grid-block{gap:14px!important}.product-block{overflow:hidden;color:#fff!important;background:linear-gradient(145deg,#112345,#050c1b)!important;border:1px solid var(--line)!important;border-radius:17px!important;transition:transform .18s,border-color .18s}.product-block:hover{transform:translateY(-2px);border-color:rgba(67,178,255,.46)!important}.product-block__thumb,.product-block__thumb .thumb-wrapper{overflow:hidden;background:#071226!important}.product-block__thumb img{display:block;width:100%;object-fit:cover}.product-block__info{padding:12px!important}.product-block .product-title,.product-block .product-title h2,.product-block .title--small{color:#fff!important;font-weight:800!important;line-height:1.55}.product-block .price-wrapper,.product-block .price-wrapper *{color:var(--cyan)!important;font-weight:900!important}.btn--add-to-cart,.btn.btn--primary,button[type=submit]{color:#fff!important;background:var(--grad)!important;border:0!important;box-shadow:none!important}.product-details,.product-summary,.product-form,.product-form-wrapper,.product-options,.product-purchase,.product-main-info,.product-description,.product-details__description,.product-details__content,.product-desc,.product-content-description,.s-product-description,.description-entry,.product-tabs-content,.page-content,.static-page,.article-entry,.content-entry,.page-wrapper article,.page-wrapper .article,.page-wrapper .content,.page-wrapper .bg-white,.page-wrapper [class*="bg-white"],.page-wrapper .padded-30,.page-wrapper .rounded{color:var(--text)!important;background:linear-gradient(145deg,var(--card),var(--card2))!important;border:1px solid var(--gline)!important;border-radius:20px!important;box-shadow:none!important}.product-description,.product-details__description,.product-details__content,.product-desc,.product-content-description,.s-product-description,.description-entry,.product-tabs-content,.page-content,.static-page,.article-entry,.content-entry{padding:20px!important}.product-description p,.product-description li,.product-details__description p,.product-details__description li,.product-details__content p,.product-details__content li,.product-desc p,.product-desc li,.s-product-description p,.s-product-description li,.description-entry p,.description-entry li,.page-content p,.page-content li,.static-page p,.static-page li,.article-entry p,.article-entry li,.content-entry p,.content-entry li,.page-wrapper article p,.page-wrapper article li{color:var(--text)!important;line-height:1.9!important;overflow-wrap:anywhere;background:transparent!important}.product-description h1,.product-description h2,.product-description h3,.product-details__description h1,.product-details__description h2,.product-details__content h1,.product-details__content h2,.product-desc h1,.product-desc h2,.s-product-description h1,.s-product-description h2,html body.product-single article.article--product-details h1,html body.product-single article.article--product-details h2,html body.product-single article.article--product-details h3,html body.product-single article.article--product-details h4,html body.product-single article.article--product-details h5,html body.product-single article.article--product-details h6{color:var(--green)!important;font-weight:600!important}.page-wrapper article h1,.page-wrapper article h2,.page-wrapper article h3,.page-wrapper .article h1,.page-wrapper .article h2,.page-wrapper .article h3,.page-wrapper .page-content h1,.page-wrapper .page-content h2,.page-wrapper .page-content h3,.page-wrapper .content-entry h1,.page-wrapper .content-entry h2,.page-wrapper .content-entry h3,.page-wrapper .static-page h1,.page-wrapper .static-page h2,.page-wrapper .static-page h3,.page-wrapper .title,.page-wrapper .page-title{color:var(--green)!important;font-weight:800!important}.product-description strong,.product-description b,.product-details__description strong,.product-details__content strong,.product-desc strong,.s-product-description strong{color:var(--green)!important;font-weight:500!important}html body.product-single article.article--product-details strong,html body.product-single article.article--product-details b,html body.product-single article.article--product-details strong *,html body.product-single article.article--product-details b *{color:var(--text)!important;font-weight:400!important}.page-wrapper article strong,.page-wrapper article b,.page-wrapper .article strong,.page-wrapper .article b,.page-wrapper .page-content strong,.page-wrapper .page-content b,.page-wrapper .content-entry strong,.page-wrapper .content-entry b{color:var(--green)!important}.altmez-before-colon,.altmez-colon{color:var(--green)!important;font-weight:500!important}.altmez-after-colon{color:var(--text)!important}html body.product-single article.article--product-details .altmez-before-colon,html body.product-single article.article--product-details .altmez-before-colon *,html body.product-single article.article--product-details .altmez-colon,html body.product-single article.article--product-details .altmez-before-punctuation,html body.product-single article.article--product-details .altmez-before-punctuation *{color:var(--green)!important;font-weight:500!important}html body.product-single article.article--product-details .altmez-after-colon,html body.product-single article.article--product-details .altmez-after-punctuation{color:var(--text)!important;font-weight:400!important}html body.product-single article.article--product-details h1 *,html body.product-single article.article--product-details h2 *,html body.product-single article.article--product-details h3 *,html body.product-single article.article--product-details h4 *,html body.product-single article.article--product-details h5 *,html body.product-single article.article--product-details h6 *{color:var(--green)!important;font-weight:600!important}html body.product-single article.article--product-details,html body.product-single article.article--product-details *{transition:none!important;animation:none!important}html body.product-single .product-details__info article.article--product-details.pd-exp::after,html body.product-single article.article--product-details.pd-exp::after{content:none!important;display:none!important;background:none!important;opacity:0!important;pointer-events:none!important}.product-description a[href],.product-details__description a[href],.product-details__content a[href],.product-desc a[href],.product-content-description a[href],.s-product-description a[href],.description-entry a[href],.product-tabs-content a[href],html body.product-single article.article--product-details a[href]{display:inline!important;color:#67dfff!important;background:transparent!important;font-weight:500!important;text-decoration-line:underline!important;text-decoration-color:#67dfff!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important;overflow-wrap:anywhere!important;word-break:break-word!important;cursor:pointer!important;pointer-events:auto!important}.product-description a[href] *,.product-details__description a[href] *,.product-details__content a[href] *,.product-desc a[href] *,.product-content-description a[href] *,.s-product-description a[href] *,.description-entry a[href] *,.product-tabs-content a[href] *,html body.product-single article.article--product-details a[href] *{color:inherit!important;font-weight:inherit!important;text-decoration:inherit!important}.product-description a[href]:hover,.product-description a[href]:focus-visible,.product-details__description a[href]:hover,.product-details__description a[href]:focus-visible,.product-details__content a[href]:hover,.product-details__content a[href]:focus-visible,.product-desc a[href]:hover,.product-desc a[href]:focus-visible,.s-product-description a[href]:hover,.s-product-description a[href]:focus-visible,html body.product-single article.article--product-details a[href]:hover,html body.product-single article.article--product-details a[href]:focus-visible{color:#fff!important;text-decoration-color:#32e6a4!important;outline:2px solid rgba(50,230,164,.35)!important;outline-offset:3px!important;border-radius:3px!important}.page-wrapper [style*="background"]{background:transparent!important;background-color:transparent!important}.page-wrapper [style*="color"]{color:inherit!important}.page-wrapper table{width:100%;color:var(--text)!important;background:#061329!important;border:1px solid var(--gline)!important;border-radius:12px!important;overflow:hidden}.page-wrapper th{color:#fff!important;background:#0d2345!important}.page-wrapper td{color:var(--text)!important;background:transparent!important;border-color:rgba(255,255,255,.08)!important}.page-wrapper li::marker{color:var(--green)!important}salla-product-options,.s-product-options-wrapper{display:block;padding:18px;background:linear-gradient(145deg,#0b1a34,#050d1c)!important;border:1px solid var(--gline)!important;border-radius:18px!important;color:var(--text)!important}.s-product-options-option-container{margin-bottom:14px!important}.s-product-options-option-container:last-child{margin-bottom:0!important}.s-product-options-option{display:grid;grid-template-columns:minmax(190px,38%) 1fr;align-items:center;gap:16px;padding:14px 16px;background:var(--card)!important;border:1px solid var(--gline)!important;border-radius:14px!important}.s-product-options-option-label,.s-product-options-option-label b{display:block!important;color:var(--green)!important;font-weight:800!important}.s-product-options-option-label small{display:block;margin-top:4px;color:#aebdd8!important;font-size:12px!important;direction:ltr;text-align:right}.s-product-options-option-content,.s-product-options-text{width:100%!important;min-width:0!important;background:transparent!important}.s-product-options-wrapper .s-form-control,.s-product-options-wrapper input,.s-product-options-wrapper select,.s-product-options-wrapper textarea{width:100%!important;min-height:46px!important;padding:10px 14px!important;color:#fff!important;background:#06142a!important;border:1px solid rgba(50,230,164,.34)!important;border-radius:11px!important;box-shadow:none!important}.s-product-options-wrapper .s-form-control:focus,.s-product-options-wrapper input:focus,.s-product-options-wrapper select:focus{background:#0a1d3b!important;border-color:var(--green)!important}input:not([type=checkbox]):not([type=radio]),textarea,select,.form-control,salla-quantity-input{color:#fff!important;background:#0b1c39!important;border:1px solid var(--line)!important;border-radius:12px!important}input::placeholder,textarea::placeholder{color:var(--muted)!important}.product-gallery,.product-slider,.product-images,.s-product-slider,.s-product-gallery,.main-image,.product-image,.product-single__image,.product-section--images{background:linear-gradient(145deg,#04101f,#081a33)!important;border:1px solid rgba(50,230,164,.16)!important;border-radius:20px!important;box-shadow:none!important;overflow:hidden!important}.product-gallery img,.product-slider img,.product-images img,.s-product-slider img,.s-product-gallery img,.splide__slide img,.product-single__image img,.main-image img,.product-image img{display:block!important;max-width:100%!important;height:auto!important;margin-inline:auto!important;background:transparent!important;border-radius:14px!important}.purchase-hot{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:190px!important;min-height:52px!important;padding:10px 20px!important;margin-top:14px!important;background:#071a34!important;border:1px solid rgba(50,230,164,.35)!important;border-radius:13px!important;color:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:none!important}.purchase-hot span,.purchase-hot i{color:var(--green)!important;font-weight:900!important}.page-wrapper .article,.page-wrapper .page-content,.page-wrapper .content-entry,.page-wrapper .static-page,.page-wrapper .content{width:calc(100% - 40px)!important;max-width:none!important;margin:24px auto!important;padding:34px 38px!important;box-sizing:border-box!important}.page-wrapper .article p,.page-wrapper .article li,.page-wrapper .page-content p,.page-wrapper .page-content li,.page-wrapper .content-entry p,.page-wrapper .content-entry li,.page-wrapper .static-page p,.page-wrapper .static-page li,.page-wrapper .content p,.page-wrapper .content li{margin-bottom:18px!important;line-height:2!important}body.cart,body.cart .page-wrapper,.page--cart{color:var(--text)!important;background:transparent!important}.cart-progress,.cart-elements-wrapper,.cart-details .list--table__head,.cart-product-entry,.cart-details>li.total,.cart-details .summary{color:var(--text)!important;background:linear-gradient(145deg,#10264b,#07172f)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important}.cart-progress{margin-bottom:20px;padding:16px 18px}.cart-elements-wrapper{padding:20px!important}.cart-item-price,.cart-item-total,#cart-sub-total,#cart-final-total,#cart-shipping-cost,#cart-total-discount{color:var(--cyan)!important;font-weight:900!important}.cart-bottom-actions salla-button::part(button),.coupone-code__submit::part(button){color:#fff!important;background:var(--grad)!important;border-radius:13px!important;box-shadow:none!important}.footer,footer,.footer-bottom,.footer__bottom,.copyright-bar{color:var(--text)!important;background:#02050c!important;border-color:var(--line)!important}.footer *{color:var(--text)!important}.footer .title{color:#fff!important}.footer .bg-white,.footer [class*=bg-white]{background:#02050c!important}.payment-methods-wrap{width:100%;padding:12px 0!important;background:transparent!important}.footer-list--payment-methods{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important;padding:0!important;background:transparent!important}.footer-list--payment-methods li{display:flex!important;align-items:center!important;justify-content:center!important;width:76px!important;height:46px!important;margin:0!important;padding:7px 9px!important;background:#dfe8f3!important;border:1px solid rgba(50,230,164,.42)!important;border-radius:10px!important;box-shadow:none!important;color:#fff!important}.footer-list--payment-methods li img{display:block!important;width:auto!important;height:auto!important;max-width:60px!important;max-height:30px!important;opacity:1!important;visibility:visible!important;object-fit:contain!important;background:transparent!important;filter:none!important;mix-blend-mode:normal!important}.footer-list--payment-methods li:has(img[alt=apple_pay]){background:#f2f5f8!important}.footer-list--payment-methods li:has(img[alt=stc_pay]){background:#ece7f7!important}.footer-list--payment-methods li:has(img[alt=mada]){background:#e3f1ed!important}.footer-list--payment-methods li:has(img[alt=credit_card]){background:#e8edf5!important}.footer-list--payment-methods li:has(img[alt=customer_wallet]),.footer-list--payment-methods li:has(img[alt=mahally_customer_wallet]){display:none!important}.nav-mobile{background:#06142a!important;border-top:1px solid rgba(50,230,164,.22)!important}.nav-mobile .main-nav,.nav-mobile ul,.nav-mobile li{background:transparent!important}.nav-mobile .main-nav>li>a{color:var(--text)!important;background:transparent!important;border:0!important;font-weight:700!important}.nav-mobile .main-nav>li>a i{color:var(--green)!important}.nav-mobile .main-nav>li.active>a,.nav-mobile .main-nav>li.is-active>a{color:var(--green)!important;background:var(--card)!important}.mobile-side-panel,.side-panel,.s-user-menu,.s-user-menu-wrapper,.user-menu,.account-menu,.account-sidebar,#mobile-nav-menu,.mm-spn,.mm-spn ul{background:#06142a!important;color:var(--text)!important}.mobile-side-panel a,.side-panel a,.s-user-menu a,.user-menu a,.account-menu a,.account-sidebar a,.mm-spn li>a{color:var(--text)!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.mobile-side-panel a i,.side-panel a i,.s-user-menu a i,.account-menu a i,.account-sidebar a i,.mm-spn li>a i{color:var(--green)!important}.mobile-side-panel .bg-white,.side-panel .bg-white,.s-user-menu .bg-white,.account-menu .bg-white{background:#06142a!important;color:var(--text)!important}@media(max-width:991px){.site-header__wrapper{min-height:62px;gap:7px}.theme-logo img{max-width:90px;height:auto}#search_form{flex:1;min-width:0}.form--search input,salla-search input{min-height:40px!important;font-size:13px}.page-wrapper{padding-top:16px!important;padding-bottom:20px!important}.product-block{border-radius:14px!important}.product-block:hover{transform:none}.product-block__info{padding:10px!important}.page--cart .container{padding-inline:10px!important}.cart-elements-wrapper{padding:10px!important}.cart-details .list--table__head{display:none!important}.footer-list--payment-methods{justify-content:center!important;gap:7px!important}.footer-list--payment-methods li{width:68px!important;height:43px!important;padding:6px 8px!important}.footer-list--payment-methods li img{max-width:54px!important;max-height:27px!important}}@media(max-width:767px){salla-product-options,.s-product-options-wrapper{padding:12px!important;border-radius:15px!important}.s-product-options-option{display:block!important;padding:12px!important}.s-product-options-option-label{margin-bottom:9px!important}.page-wrapper .article,.page-wrapper .page-content,.page-wrapper .content-entry,.page-wrapper .static-page,.page-wrapper .content{width:calc(100% - 20px)!important;margin:14px auto!important;padding:22px 18px!important;border-radius:15px!important}.purchase-hot{min-width:165px!important;min-height:46px!important;padding:9px 15px!important;font-size:14px!important}}@media(max-width:575px){.grid-block.products-list-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-block__thumb img{aspect-ratio:1/1}.nav-mobile .main-nav>li>a{font-size:12px!important}.nav-mobile .main-nav>li>a i{font-size:20px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* ========================================================= ALTMEZ CHECKOUT — طµظپط­ط© ط§ظ„ط¯ظپط¹ ط§ظ„ط¯ط§ظƒظ†ط© ========================================================= */ body.color-mode-dark{ --checkout-bg:#040814; --checkout-bg-2:#071326; --checkout-card:#0b1e3b; --checkout-card-2:#07162d; --checkout-input:#06142a; --checkout-green:#32e6a4; --checkout-blue:#199cff; --checkout-white:#f7f9ff; --checkout-muted:#aebdd8; --checkout-line:rgba(50,230,164,.22); --color-primary:#199cff!important; --color-primary-reverse:#fff!important; --color-text:#f7f9ff!important; --color-text-reverse:#fff!important; --color-title:#32e6a4!important; --color-border:rgba(50,230,164,.22)!important; --bs-card-border-color:rgba(50,230,164,.22)!important; color:var(--checkout-white)!important; background: linear-gradient( 180deg, var(--checkout-bg), var(--checkout-bg-2) 55%, var(--checkout-bg) )!important; } /* ط®ظ„ظپظٹط© ط§ظ„طµظپط­ط© */ body.color-mode-dark #app, body.color-mode-dark .sections-wrapper, body.color-mode-dark .section, body.color-mode-dark .section--payment, body.color-mode-dark #payment_process, body.color-mode-dark #cart_summary_desktop{ color:var(--checkout-white)!important; background:transparent!important; } /* ط§ظ„طµظ†ط§ط¯ظٹظ‚ ط§ظ„ط±ط¦ظٹط³ظٹط© */ body.color-mode-dark .card, body.color-mode-dark [class*="card"], body.color-mode-dark .section-content, body.color-mode-dark .checkout-section, body.color-mode-dark .checkout-block, body.color-mode-dark .summary, body.color-mode-dark .cart-summary, body.color-mode-dark .shipping-step, body.color-mode-dark .payment-step, body.color-mode-dark .guest-info, body.color-mode-dark .panel, body.color-mode-dark .box{ color:var(--checkout-white)!important; background: linear-gradient( 145deg, var(--checkout-card), var(--checkout-card-2) )!important; border:1px solid var(--checkout-line)!important; border-radius:18px!important; box-shadow:none!important; } /* ط¹ظ†ط§ظˆظٹظ† ط§ظ„ط£ظ‚ط³ط§ظ… */ body.color-mode-dark h1, body.color-mode-dark h2, body.color-mode-dark h3, body.color-mode-dark h4, body.color-mode-dark h5, body.color-mode-dark .title, body.color-mode-dark .section-title, body.color-mode-dark .card-title{ color:var(--checkout-green)!important; font-weight:800!important; } /* ط§ظ„ظ†طµظˆطµ */ body.color-mode-dark p, body.color-mode-dark label, body.color-mode-dark span, body.color-mode-dark small, body.color-mode-dark li, body.color-mode-dark td, body.color-mode-dark th{ color:var(--checkout-white); } /* ط§ظ„ظ†طµظˆطµ ط§ظ„ظ…ط³ط§ط¹ط¯ط© */ body.color-mode-dark .text-muted, body.color-mode-dark .hint, body.color-mode-dark .description, body.color-mode-dark .form-text, body.color-mode-dark small{ color:var(--checkout-muted)!important; } /* ط­ظ‚ظˆظ„ ط§ظ„ط¥ط¯ط®ط§ظ„ */ body.color-mode-dark input:not([type="checkbox"]):not([type="radio"]), body.color-mode-dark textarea, body.color-mode-dark select, body.color-mode-dark .form-control, body.color-mode-dark .input, body.color-mode-dark [class*="input"]{ color:var(--checkout-white)!important; background:var(--checkout-input)!important; border:1px solid rgba(50,230,164,.30)!important; border-radius:11px!important; box-shadow:none!important; outline:none!important; } /* ط¹ظ†ط¯ ط§ظ„ط¶ط؛ط· ط¹ظ„ظ‰ ط§ظ„ط­ظ‚ظ„ */ body.color-mode-dark input:focus, body.color-mode-dark textarea:focus, body.color-mode-dark select:focus, body.color-mode-dark .form-control:focus{ color:var(--checkout-white)!important; background:#081a34!important; border-color:var(--checkout-green)!important; box-shadow:0 0 0 3px rgba(50,230,164,.08)!important; } /* ط§ظ„ظ†طµ ط¯ط§ط®ظ„ ط§ظ„ط­ظ‚ظˆظ„ */ body.color-mode-dark input::placeholder, body.color-mode-dark textarea::placeholder{ color:#8298bb!important; opacity:1!important; } body.color-mode-dark select option{ color:var(--checkout-white)!important; background:var(--checkout-input)!important; } /* ط®ظٹط§ط±ط§طھ ط§ظ„ط´ط­ظ† ظˆط§ظ„ط¯ظپط¹ */ body.color-mode-dark .payment-method, body.color-mode-dark .shipping-method, body.color-mode-dark .payment-option, body.color-mode-dark .shipping-option, body.color-mode-dark [class*="payment-method"], body.color-mode-dark [class*="shipping-method"]{ color:var(--checkout-white)!important; background:#091a35!important; border:1px solid rgba(50,230,164,.22)!important; border-radius:13px!important; box-shadow:none!important; } /* ط§ظ„ط®ظٹط§ط± ط§ظ„ظ…ط­ط¯ط¯ */ body.color-mode-dark .payment-method.active, body.color-mode-dark .shipping-method.active, body.color-mode-dark .payment-option.active, body.color-mode-dark .shipping-option.active, body.color-mode-dark [class*="selected"]{ background:#0d2942!important; border-color:var(--checkout-green)!important; } /* Radio ظˆ Checkbox */ body.color-mode-dark input[type="radio"], body.color-mode-dark input[type="checkbox"]{ accent-color:var(--checkout-green)!important; } /* ظ…ظ„ط®طµ ط§ظ„ط³ظ„ط© */ body.color-mode-dark .cart-summary, body.color-mode-dark .order-summary, body.color-mode-dark [class*="cart-summary"], body.color-mode-dark [class*="order-summary"]{ color:var(--checkout-white)!important; background: linear-gradient( 145deg, #10264b, #07172f )!important; border:1px solid var(--checkout-line)!important; border-radius:18px!important; } /* طµظپظˆظپ ط§ظ„ط¥ط¬ظ…ط§ظ„ظٹ */ body.color-mode-dark .total, body.color-mode-dark .subtotal, body.color-mode-dark [class*="total"], body.color-mode-dark [class*="subtotal"]{ color:var(--checkout-white)!important; border-color:rgba(255,255,255,.08)!important; } /* ط§ظ„ط³ط¹ط± ط§ظ„ظ†ظ‡ط§ط¦ظٹ */ body.color-mode-dark .grand-total, body.color-mode-dark .final-total, body.color-mode-dark [class*="grand-total"], body.color-mode-dark [class*="final-total"]{ color:var(--checkout-green)!important; font-weight:900!important; } /* ط§ظ„ط£ط²ط±ط§ط± ط§ظ„ط±ط¦ظٹط³ظٹط© */ body.color-mode-dark button, body.color-mode-dark .btn-primary, body.color-mode-dark .button-primary, body.color-mode-dark [class*="primary"]{ color:#fff!important; background: linear-gradient( 135deg, var(--checkout-blue), #8754ff )!important; border:0!important; border-radius:12px!important; box-shadow:none!important; } /* ط§ظ„ط£ط²ط±ط§ط± ط§ظ„ط«ط§ظ†ظˆظٹط© */ body.color-mode-dark .btn-outline, body.color-mode-dark .btn-secondary, body.color-mode-dark [class*="outline"]{ color:var(--checkout-white)!important; background:#0a1b35!important; border:1px solid rgba(50,230,164,.26)!important; } /* ط§ظ„ط±ظˆط§ط¨ط· */ body.color-mode-dark a{ color:var(--checkout-green)!important; } /* ط§ظ„ط®ط·ظˆط· ط§ظ„ظپط§طµظ„ط© */ body.color-mode-dark hr, body.color-mode-dark .divider, body.color-mode-dark [class*="separator"]{ border-color:rgba(50,230,164,.14)!important; } /* ط¥ط´ط¹ط§ط± Apple Pay */ body.color-mode-dark .store-notify--alert{ color:var(--checkout-white)!important; background:#0b1e3b!important; border-bottom:1px solid var(--checkout-line)!important; } body.color-mode-dark .store-notify--alert p, body.color-mode-dark .store-notify--alert small, body.color-mode-dark .store-notify--alert i{ color:var(--checkout-white)!important; } /* ط´ط§ط´ط© ط§ظ„طھط­ظ…ظٹظ„ */ body.color-mode-dark #initial_loader{ background:var(--checkout-bg)!important; } /* ط§ظ„ط¬ظˆط§ظ„ */ @media(max-width:767px){ body.color-mode-dark #app{ width:100%!important; padding-inline:10px!important; } body.color-mode-dark .card, body.color-mode-dark [class*="card"], body.color-mode-dark .checkout-section, body.color-mode-dark .summary, body.color-mode-dark .cart-summary, body.color-mode-dark .order-summary{ padding:14px!important; border-radius:14px!important; } body.color-mode-dark input:not([type="checkbox"]):not([type="radio"]), body.color-mode-dark textarea, body.color-mode-dark select, body.color-mode-dark .form-control{ min-height:44px!important; font-size:14px!important; } body.color-mode-dark button, body.color-mode-dark .btn{ min-height:44px!important; } } /* ========================================================= ط¥طµظ„ط§ط­ طµظپط­ط§طھ ط§ظ„ط­ط³ط§ط¨ — ط§ظ„ط·ظ„ط¨ط§طھطŒ ظ…ط¹ظ„ظˆظ…ط§طھظٹطŒ ط§ظ„ط¥ط¹ط¯ط§ط¯ط§طھ ========================================================= */ body.customer-profile, body.customer-orders, body.customer-notifications, body.customer-settings{ --acc-bg:#040814; --acc-card:#07162d; --acc-card2:#0b1e3b; --acc-hover:#10284d; --acc-text:#f7f9ff; --acc-muted:#aebdd8; --acc-green:#32e6a4; --acc-blue:#3ed8ff; --acc-line:rgba(50,230,164,.22); background:#040814!important; color:var(--acc-text)!important; } /* ط§ظ„طµظپط­ط© ظˆط§ظ„ط­ط§ظˆظٹط§طھ ط§ظ„ط±ط¦ظٹط³ظٹط© */ body[class*="customer-"] .page-wrapper, body[class*="customer-"] .page--user-profile, body[class*="customer-"] .user-profile-wrapper, body[class*="customer-"] .user-profile__information, body.customer-settings > .container{ background:transparent!important; color:var(--acc-text)!important; } /* ط¨ظٹط§ظ†ط§طھ ط§ظ„ط¹ظ…ظٹظ„ ظˆط§ظ„طھط¨ظˆظٹط¨ط§طھ */ .user-profile__actions, .user-profile__information, .tabs, .tabs-content{ color:var(--acc-text)!important; background:transparent!important; } .user-profile__actions .title, .user-profile__actions h3, .user-name-container .title{ color:var(--acc-green)!important; } .user-profile__actions small, .user-gender, .user-gender li{ color:var(--acc-muted)!important; } /* ط§ظ„طھط¨ظˆظٹط¨ط§طھ */ .user-profile__tabs .tabs-heads{ background:transparent!important; } .user-profile__tabs .tab-head a{ color:var(--acc-text)!important; background:transparent!important; border-radius:10px!important; } /* ط§ظ„ظ†ط´ط· ظˆط§ظ„ظ…ط±ظˆط± ط¨ط¯ظˆظ† ط£ط¨ظٹط¶ */ .user-profile__tabs .tab-head.active a, .user-profile__tabs .tab-head a:hover, .user-profile__tabs .tab-head a:focus{ color:var(--acc-blue)!important; background:var(--acc-card2)!important; } /* ========================================================= طµظپط­ط© ط§ظ„ط·ظ„ط¨ط§طھ — ظ…ظ†ط¹ ط§ظ„طµظپ ط§ظ„ط£ط¨ظٹط¶ ط¹ظ†ط¯ طھط­ط±ظٹظƒ ط§ظ„ظ…ط§ظˆط³ ========================================================= */ .page--user-profile .list--table, .page--user-profile .list--table > li, .page--user-profile .order-item, .page--user-profile .notification-item{ color:var(--acc-text)!important; background:transparent!important; border-color:rgba(255,255,255,.12)!important; } /* طµظپظˆظپ ط§ظ„ط·ظ„ط¨ط§طھ */ .page--user-profile .list--table > li > a, .page--user-profile .order-item > a, .page--user-profile .notification-item > a{ color:var(--acc-text)!important; background:transparent!important; border-radius:10px!important; transition:background-color .15s ease,border-color .15s ease!important; } /* ط¥طµظ„ط§ط­ ط§ظ„ط£ط¨ظٹط¶ ط¹ظ†ط¯ ط§ظ„ظ…ط±ظˆط± */ .page--user-profile .list--table > li:hover, .page--user-profile .list--table > li:hover > a, .page--user-profile .order-item:hover, .page--user-profile .order-item:hover > a, .page--user-profile .notification-item:hover, .page--user-profile .notification-item:hover > a, .page--user-profile .list--table > li.active, .page--user-profile .list--table > li.active > a{ color:var(--acc-text)!important; background:var(--acc-hover)!important; } /* ظƒظ„ ط§ظ„ظ†طµظˆطµ ط¯ط§ط®ظ„ ط§ظ„طµظپ ط¹ظ†ط¯ ط§ظ„ظ…ط±ظˆط± */ .page--user-profile .list--table > li:hover *, .page--user-profile .order-item:hover *, .page--user-profile .notification-item:hover *{ color:var(--acc-text)!important; } /* ط±ظ‚ظ… ط§ظ„ط·ظ„ط¨ */ .page--user-profile .list--table a[href*="/orders/"], .page--user-profile .list--table a[href*="/orders/"] p{ color:var(--acc-text)!important; } .page--user-profile .list--table a[href*="/orders/"]:hover, .page--user-profile .list--table a[href*="/orders/"]:hover p{ color:var(--acc-blue)!important; } /* ط­ط§ظ„ط© ط§ظ„ط·ظ„ط¨ */ .page--user-profile .order-status, .page--user-profile [class*="status"]{ color:var(--acc-green)!important; } /* ط¥ط²ط§ظ„ط© ط§ظ„ط®ظ„ظپظٹط§طھ ط§ظ„ط¨ظٹط¶ط§ط، ط§ظ„ظ…ظƒطھظˆط¨ط© ظ…ظ† ط§ظ„ط«ظٹظ… */ .page--user-profile .bg-white, .page--user-profile [class*="bg-white"], .page--user-profile [style*="background-color: white"], .page--user-profile [style*="background-color:#fff"], .page--user-profile [style*="background-color: #fff"]{ color:var(--acc-text)!important; background:var(--acc-card)!important; } /* ========================================================= طµظپط­ط© ظ…ط¹ظ„ظˆظ…ط§طھظٹ ========================================================= */ body.customer-profile .user-profile__information form, body.customer-profile .user-profile__information .form-group, body.customer-profile .user-profile__information .form-control-wrapper{ color:var(--acc-text)!important; background:transparent!important; } /* ط§ظ„ط­ظ‚ظˆظ„ */ body.customer-profile input:not([type="checkbox"]):not([type="radio"]), body.customer-profile select, body.customer-profile textarea, body.customer-profile .form-control{ color:var(--acc-text)!important; background:#0b1e3b!important; border:1px solid rgba(62,216,255,.24)!important; border-radius:11px!important; box-shadow:none!important; } body.customer-profile input:focus, body.customer-profile select:focus, body.customer-profile textarea:focus, body.customer-profile .form-control:focus{ color:var(--acc-text)!important; background:#10284d!important; border-color:var(--acc-green)!important; box-shadow:none!important; } body.customer-profile select option{ color:var(--acc-text)!important; background:#0b1e3b!important; } /* ط§ظ„ظ‚ط§ط¦ظ…ط© ط§ظ„ظ…ظپطھظˆط­ط© ظ„ظ„ط¬ظ†ط³ */ body.customer-profile .choices, body.customer-profile .choices__inner, body.customer-profile .choices__list, body.customer-profile .choices__list--dropdown, body.customer-profile .choices__item{ color:var(--acc-text)!important; background:#0b1e3b!important; border-color:rgba(50,230,164,.22)!important; } body.customer-profile .choices__item--choice:hover, body.customer-profile .choices__item--choice.is-highlighted{ color:var(--acc-text)!important; background:var(--acc-hover)!important; } /* ========================================================= ط§ظ„ط¥ط¹ط¯ط§ط¯ط§طھ — ط¥ط²ط§ظ„ط© ط§ظ„طµظ†ط¯ظˆظ‚ ط§ظ„ط£ط¨ظٹط¶ ========================================================= */ body.customer-settings salla-user-settings{ display:block!important; color:var(--acc-text)!important; background:transparent!important; } /* ط­ط§ظˆظٹط§طھ ط§ظ„ط¥ط¹ط¯ط§ط¯ط§طھ ط§ظ„طھظٹ ظٹط®ط±ط¬ظ‡ط§ ط§ظ„ظ…ظƒظˆظ‘ظ† */ body.customer-settings salla-user-settings > *, body.customer-settings salla-user-settings section, body.customer-settings salla-user-settings article, body.customer-settings salla-user-settings div[class*="setting"], body.customer-settings salla-user-settings div[class*="item"], body.customer-settings salla-user-settings li{ color:var(--acc-text)!important; background:var(--acc-card)!important; border-color:rgba(50,230,164,.16)!important; } /* ط§ظ„ظ†طµظˆطµ ط¯ط§ط®ظ„ ط§ظ„ط¥ط¹ط¯ط§ط¯ط§طھ */ body.customer-settings salla-user-settings h1, body.customer-settings salla-user-settings h2, body.customer-settings salla-user-settings h3, body.customer-settings salla-user-settings strong{ color:var(--acc-green)!important; } body.customer-settings salla-user-settings p, body.customer-settings salla-user-settings span, body.customer-settings salla-user-settings small, body.customer-settings salla-user-settings label{ color:var(--acc-text)!important; } /* ظ…ظ†ط¹ ط§ظ„ط£ط¨ظٹط¶ ط¹ظ†ط¯ ط§ظ„ظ…ط±ظˆط± */ body.customer-settings salla-user-settings a:hover, body.customer-settings salla-user-settings button:hover, body.customer-settings salla-user-settings li:hover, body.customer-settings salla-user-settings div[class*="item"]:hover{ color:var(--acc-text)!important; background:var(--acc-hover)!important; } /* ط§ظ„ط£ظٹظ‚ظˆظ†ط§طھ */ body.customer-settings salla-user-settings i, body.customer-settings salla-user-settings svg{ color:var(--acc-green)!important; } /* ط²ط± ط­ط°ظپ ط§ظ„ط­ط³ط§ط¨ ظٹط¨ظ‚ظ‰ ط£ط­ظ…ط± */ body.customer-settings salla-user-settings [class*="danger"], body.customer-settings salla-user-settings [class*="delete"]{ color:#ff667f!important; border-color:#ff667f!important; } /* ========================================================= ط¥طµظ„ط§ط­ ط¹ط§ظ… ظ„ط£ظٹ Hover ط£ط¨ظٹط¶ ط¯ط§ط®ظ„ طµظپط­ط§طھ ط§ظ„ط­ط³ط§ط¨ ========================================================= */ body[class*="customer-"] .user-profile-wrapper a:hover, body[class*="customer-"] .user-profile-wrapper button:hover, body[class*="customer-"] .user-profile-wrapper li:hover{ background-color:var(--acc-hover)!important; } body[class*="customer-"] .user-profile-wrapper a:hover *, body[class*="customer-"] .user-profile-wrapper button:hover *, body[class*="customer-"] .user-profile-wrapper li:hover *{ color:var(--acc-text)!important; } /* ط§ظ„ط¬ظˆط§ظ„ */ @media(max-width:767px){ .user-profile__tabs .tabs-heads{ display:flex!important; gap:5px!important; overflow-x:auto!important; } .user-profile__tabs .tab-head a{ white-space:nowrap!important; padding:9px 11px!important; } body.customer-profile .user-profile__information, body.customer-settings salla-user-settings{ border-radius:14px!important; } } /* ========================================================= ط§ظ„ط¥طµظ„ط§ط­ ط§ظ„ظ†ظ‡ط§ط¦ظٹ — ط§ظ„ظ…طھط¨ظ‚ظٹ + ظ…ط¹ط±ط¶ ط§ظ„طµظˆط± + ط¥ط¹ط¯ط§ط¯ط§طھ ط§ظ„ط­ط³ط§ط¨ ========================================================= */ /* ط¥ط²ط§ظ„ط© ط§ظ„ط®ظ„ظپظٹط© ط§ظ„ط¨ظٹط¶ط§ط، ط­ظˆظ„ ط§ظ„ظ…طھط¨ظ‚ظٹ */ .purchase-hot-wrapper, .d-flex.px-3.py-2.bg-grey.b-radius.mb-30.float-start.purchase-hot-wrapper{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:0!important; padding:0!important; margin:14px 0 30px!important; background:transparent!important; background-color:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } .purchase-hot-wrapper.bg-grey{ background:transparent!important; background-color:transparent!important; } .purchase-hot-wrapper .purchase-hot{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; min-width:205px!important; min-height:54px!important; padding:11px 22px!important; margin:0!important; color:#f7f9ff!important; background:#071a34!important; background-color:#071a34!important; border:1px solid rgba(50,230,164,.42)!important; border-radius:13px!important; box-shadow:none!important; font-size:15px!important; font-weight:800!important; } .purchase-hot-wrapper .purchase-hot span, .purchase-hot-wrapper .purchase-hot i{ color:#32e6a4!important; background:transparent!important; font-weight:900!important; } /* ط§ظ„ط­ط§ظˆظٹط© ط§ظ„ط®ط§ط±ط¬ظٹط© ظ„ظ…ط¹ط±ط¶ ط§ظ„ظ…ظ†طھط¬ ظپظ‚ط· */ .product-gallery, .product-slider, .product-images, .s-product-gallery, .s-product-slider, .product-section--images{ background:#07162d!important; border:1px solid rgba(50,230,164,.20)!important; border-radius:20px!important; box-shadow:none!important; overflow:hidden!important; } /* ط¥ط¹ط§ط¯ط© ط¹ظ†ط§طµط± Splide ط§ظ„ط¯ط§ط®ظ„ظٹط© ظ„ط·ط¨ظٹط¹طھظ‡ط§ */ .product-gallery .splide, .product-gallery .splide__track, .product-gallery .splide__list, .product-slider .splide, .product-slider .splide__track, .product-slider .splide__list, .s-product-gallery .splide, .s-product-gallery .splide__track, .s-product-gallery .splide__list, .s-product-slider .splide, .s-product-slider .splide__track, .s-product-slider .splide__list{ background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } /* طµظˆط±ط© ط§ظ„ظ…ظ†طھط¬ ط§ظ„ط±ط¦ظٹط³ظٹط© */ #product_main_slider .splide__slide{ background:#07162d!important; border:0!important; box-shadow:none!important; } #product_main_slider .splide__slide img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0 auto!important; object-fit:contain!important; border-radius:16px!important; } /* ط§ظ„طµظˆط± ط§ظ„ظ…طµط؛ط±ط© ط§ظ„ظپط¹ظ„ظٹط© */ #product_thumbs_slider{ display:block!important; width:100%!important; margin-top:10px!important; padding:10px!important; background:#07162d!important; border:1px solid rgba(50,230,164,.20)!important; border-radius:16px!important; overflow:hidden!important; visibility:visible!important; opacity:1!important; } #product_thumbs_slider .splide__track{ display:block!important; width:100%!important; overflow:hidden!important; background:transparent!important; border:0!important; border-radius:0!important; } #product_thumbs_slider .splide__list{ display:flex!important; align-items:center!important; gap:10px!important; width:auto!important; min-width:100%!important; background:transparent!important; border:0!important; border-radius:0!important; } /* ط§ظ„طµظˆط± ظ‡ظ†ط§ ط®ظ„ظپظٹط© CSS ظˆظ„ظٹط³طھ img */ #product_thumbs_slider .splide__slide{ display:block!important; flex:0 0 78px!important; width:78px!important; min-width:78px!important; max-width:78px!important; height:78px!important; min-height:78px!important; margin-left:10px!important; padding:0!important; background-color:#0b1e3b!important; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; border:1px solid rgba(255,255,255,.20)!important; border-radius:12px!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; overflow:hidden!important; cursor:pointer!important; } #product_thumbs_slider .splide__slide.is-active{ border-color:#32e6a4!important; box-shadow:0 0 0 2px rgba(50,230,164,.13)!important; } #product_thumbs_slider .splide__slide::before, #product_thumbs_slider .splide__slide::after{ display:none!important; content:none!important; } #product_thumbs_slider .lazy-background.loaded{ background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important; opacity:1!important; visibility:visible!important; } /* ظ†ظ‚ط§ط· ط§ظ„ط³ظ„ط§ظٹط¯ط± ط؛ظٹط± ظ…ط·ظ„ظˆط¨ط© */ .product-section--images .splide__pagination{ display:none!important; } /* ط¥ط¹ط¯ط§ط¯ط§طھ ط­ط³ط§ط¨ ط§ظ„ط¹ظ…ظٹظ„ */ body.customer-settings salla-user-settings{ display:block!important; color:#f7f9ff!important; background:transparent!important; } body.customer-settings .s-user-settings-section{ margin-bottom:1px!important; color:#f7f9ff!important; background:#07162d!important; border:1px solid rgba(50,230,164,.18)!important; } body.customer-settings .s-user-settings-section:first-child{ border-radius:16px 16px 0 0!important; } body.customer-settings .s-user-settings-section:last-child{ border-radius:0 0 16px 16px!important; } body.customer-settings .s-list-tile-item{ min-height:84px!important; padding:16px 18px!important; color:#f7f9ff!important; background:#07162d!important; border:0!important; box-shadow:none!important; } body.customer-settings .s-list-tile-item:hover, body.customer-settings .s-list-tile-item:focus{ color:#f7f9ff!important; background:#0b2445!important; } body.customer-settings .s-user-settings-section-title{ color:#f7f9ff!important; font-size:17px!important; font-weight:800!important; } body.customer-settings .s-user-settings-section-subtitle{ margin-top:5px!important; color:#aebdd8!important; line-height:1.7!important; } body.customer-settings .s-user-settings-section-icon, body.customer-settings .s-user-settings-section-icon span, body.customer-settings .s-user-settings-section-icon svg{ color:#32e6a4!important; } body.customer-settings .s-user-settings-section-icon svg path{ fill:currentColor!important; stroke:currentColor; } body.customer-settings .s-toggle-switcher{ background:#263b58!important; border-color:rgba(255,255,255,.18)!important; } body.customer-settings .s-toggle-input:checked + .s-toggle-switcher{ background:#32e6a4!important; } body.customer-settings .s-user-settings-section-delete-user, body.customer-settings .s-user-settings-section-delete-user .s-list-tile-item{ background:#10162a!important; } body.customer-settings .s-user-settings-section-delete-user .s-user-settings-section-title, body.customer-settings .s-user-settings-section-delete-user .s-user-settings-section-icon, body.customer-settings .s-user-settings-section-delete-user svg{ color:#ff667f!important; } body.customer-settings .s-user-settings-section-delete-user .s-button-element{ color:#ff667f!important; background:transparent!important; border:1px solid #ff667f!important; border-radius:9px!important; box-shadow:none!important; } body.customer-settings .s-user-settings-section-delete-user .s-button-element:hover{ color:#fff!important; background:#d94b62!important; } @media(max-width:767px){ .purchase-hot-wrapper .purchase-hot{ min-width:175px!important; min-height:48px!important; padding:9px 16px!important; } #product_thumbs_slider{ padding:8px!important; border-radius:13px!important; } #product_thumbs_slider .splide__slide{ flex-basis:62px!important; width:62px!important; min-width:62px!important; max-width:62px!important; height:62px!important; min-height:62px!important; } body.customer-settings .s-list-tile-item{ min-height:76px!important; padding:13px!important; } body.customer-settings .s-user-settings-section-title{ font-size:15px!important; } body.customer-settings .s-user-settings-section-subtitle{ font-size:12px!important; } } /* ========================================================= وصف المنتج — العنصر الفعلي في قالب سلة توحيد القواعد هنا يمنع رجوع التنسيق القديم أو تعارضه ========================================================= */ /* إلغاء التدرّج الذي يغطي نهاية الوصف ويعطل بعض الروابط */ html body.product-single .product-details__info article.article--product-details.pd-exp::after, html body.product-single article.article--product-details.pd-exp::after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; pointer-events: none !important; } /* تثبيت مظهر الوصف مباشرة ومنع انتقالات التصميم القديم */ html body.product-single .product-details__info article.article--product-details, html body.product-single article.article--product-details { color: #f7f9ff !important; opacity: 1 !important; text-shadow: none !important; transition: none !important; animation: none !important; } html body.product-single article.article--product-details p, html body.product-single article.article--product-details li { color: #f7f9ff !important; font-weight: 400 !important; line-height: 1.95 !important; opacity: 1 !important; text-shadow: none !important; } /* محرر المنتج حفظ أغلب المحتوى داخل strong؛ نعيد النص الأساسي إلى الأبيض */ html body.product-single article.article--product-details strong, html body.product-single article.article--product-details b, html body.product-single article.article--product-details strong *, html body.product-single article.article--product-details b * { color: #f7f9ff !important; font-weight: 400 !important; opacity: 1 !important; text-shadow: none !important; } /* الأخضر للعناوين الحقيقية وكل ما بداخلها */ html body.product-single article.article--product-details h1, html body.product-single article.article--product-details h1 *, html body.product-single article.article--product-details h2, html body.product-single article.article--product-details h2 *, html body.product-single article.article--product-details h3, html body.product-single article.article--product-details h3 *, html body.product-single article.article--product-details h4, html body.product-single article.article--product-details h4 *, html body.product-single article.article--product-details h5, html body.product-single article.article--product-details h5 *, html body.product-single article.article--product-details h6, html body.product-single article.article--product-details h6 * { color: #32e6a4 !important; font-weight: 600 !important; opacity: 1 !important; } /* الأخضر فقط للنص السابق للفاصلة أو النقطتين، ولعلامة الترقيم نفسها */ html body.product-single article.article--product-details .altmez-before-colon, html body.product-single article.article--product-details .altmez-before-colon *, html body.product-single article.article--product-details .altmez-colon, html body.product-single article.article--product-details .altmez-before-punctuation, html body.product-single article.article--product-details .altmez-before-punctuation * { color: #32e6a4 !important; font-weight: 500 !important; opacity: 1 !important; } html body.product-single article.article--product-details .altmez-after-colon, html body.product-single article.article--product-details .altmez-after-punctuation { color: #f7f9ff !important; font-weight: 400 !important; } /* الروابط الحقيقية داخل الوصف: واضحة وقابلة للنقر */ html body.product-single article.article--product-details a[href], html body.product-single article.article--product-details a[href] * { color: #67dfff !important; background: transparent !important; font-weight: 500 !important; text-decoration-line: underline !important; text-decoration-color: #67dfff !important; text-decoration-thickness: 1px !important; text-underline-offset: 4px !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; cursor: pointer !important; overflow-wrap: anywhere !important; word-break: break-word !important; } html body.product-single article.article--product-details a[href] { position: relative !important; z-index: 3 !important; } html body.product-single article.article--product-details a[href]:hover, html body.product-single article.article--product-details a[href]:focus-visible { color: #ffffff !important; text-decoration-color: #32e6a4 !important; outline: 1px solid rgba(50, 230, 164, 0.55) !important; outline-offset: 3px !important; border-radius: 3px !important; } /* إصلاح زر قراءة المزيد بنفس الوزن المتوسط */ html body.product-single .pd-expand-wrapper > button.expand-toggle { background: #0b1e3b !important; color: #32e6a4 !important; border: 1px solid rgba(50, 230, 164, 0.45) !important; opacity: 1 !important; font-weight: 600 !important; transition: none !important; animation: none !important; } /* ========================================================= إصلاح القائمة المنسدلة في الهيدر — كمبيوتر ========================================================= */ /* صندوق القائمة المنسدلة */ .nav-desktop--horizontal .sub-menu, .nav-desktop--horizontal .dropdown-menu, .nav-desktop--horizontal .menu-dropdown, .nav-desktop--horizontal li > ul, .horizontal-nav-wrapper .sub-menu, .horizontal-nav-wrapper .dropdown-menu, .main-menu .sub-menu, .main-menu .dropdown-menu, .main-menu li > ul, .menu-item-has-children > ul{ min-width:250px !important; padding:8px !important; background:#07162d !important; background-color:#07162d !important; border:1px solid rgba(50,230,164,.22) !important; border-radius:12px !important; box-shadow:0 14px 35px rgba(0,0,0,.38) !important; overflow:hidden !important; opacity:1; } /* عناصر القائمة */ .nav-desktop--horizontal .sub-menu li, .nav-desktop--horizontal .dropdown-menu li, .nav-desktop--horizontal li > ul > li, .horizontal-nav-wrapper .sub-menu li, .main-menu .sub-menu li, .main-menu li > ul > li, .menu-item-has-children > ul > li{ margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; } /* روابط القائمة والنصوص */ .nav-desktop--horizontal .sub-menu li > a, .nav-desktop--horizontal .dropdown-menu li > a, .nav-desktop--horizontal li > ul > li > a, .horizontal-nav-wrapper .sub-menu li > a, .main-menu .sub-menu li > a, .main-menu li > ul > li > a, .menu-item-has-children > ul > li > a{ display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:42px !important; padding:10px 13px !important; color:#f7f9ff !important; background:transparent !important; border:0 !important; border-radius:9px !important; font-size:14px !important; font-weight:700 !important; line-height:1.5 !important; opacity:1 !important; visibility:visible !important; white-space:normal !important; } /* أي span داخل الرابط */ .nav-desktop--horizontal .sub-menu li > a span, .nav-desktop--horizontal .dropdown-menu li > a span, .nav-desktop--horizontal li > ul > li > a span, .main-menu .sub-menu li > a span, .main-menu li > ul > li > a span{ color:#f7f9ff !important; opacity:1 !important; } /* عند تمرير الماوس */ .nav-desktop--horizontal .sub-menu li > a:hover, .nav-desktop--horizontal .dropdown-menu li > a:hover, .nav-desktop--horizontal li > ul > li > a:hover, .horizontal-nav-wrapper .sub-menu li > a:hover, .main-menu .sub-menu li > a:hover, .main-menu li > ul > li > a:hover, .menu-item-has-children > ul > li > a:hover{ color:#32e6a4 !important; background:#10284d !important; } /* النص داخل العنصر عند المرور */ .nav-desktop--horizontal .sub-menu li > a:hover span, .nav-desktop--horizontal .dropdown-menu li > a:hover span, .nav-desktop--horizontal li > ul > li > a:hover span, .main-menu .sub-menu li > a:hover span, .main-menu li > ul > li > a:hover span{ color:#32e6a4 !important; } /* العنصر الحالي أو النشط */ .nav-desktop--horizontal .sub-menu .active > a, .nav-desktop--horizontal .sub-menu .is-active > a, .nav-desktop--horizontal .dropdown-menu .active > a, .main-menu .sub-menu .active > a, .main-menu .sub-menu .is-active > a{ color:#3ed8ff !important; background:#0d2345 !important; } /* إزالة أي خلفية بيضاء موروثة */ .nav-desktop--horizontal li > ul *, .main-menu li > ul *, .menu-item-has-children > ul *{ border-color:rgba(255,255,255,.06); } /* السهم في التصنيف الرئيسي */ .nav-desktop--horizontal .menu-item-has-children > a, .nav-desktop--horizontal .has-children > a{ color:#f7f9ff !important; } .nav-desktop--horizontal .menu-item-has-children:hover > a, .nav-desktop--horizontal .has-children:hover > a{ color:#3ed8ff !important; background:#0d2040 !important; } /* ========================================================= أعداد التقييمات لكل منتج أضف أي منتج جديد بالطريقة نفسها ========================================================= */ #product_718118762 { --altmez-rating-count: "3362"; } #product_30292318 { --altmez-rating-count: "1084"; } /* ========================================================= تجهيز عنوان المنتج ========================================================= */ body.product-single .page--product-details .product-details__title .title-wrapper > h2.title { position: relative !important; display: block !important; width: 100% !important; /* مساحة صف النجوم */ padding-bottom: 31px !important; margin-bottom: 2px !important; overflow: visible !important; visibility: visible !important; opacity: 1 !important; } /* ========================================================= نجوم سلة الأصلية نفس SVG ونفس Path دون تغيير شكل النجمة ========================================================= */ body.product-single .page--product-details .product-details__title .title-wrapper > h2.title::before { content: "" !important; position: absolute !important; right: 0 !important; bottom: 5px !important; display: block !important; /* * خمس نجوم بقياس قريب من s-rating-stars-medium: * عرض النجمة: 18.75px * ارتفاع النجمة: 20px * مع فراغ متساوٍ بين النجوم */ width: 109px !important; height: 20px !important; background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='30' height='32' viewBox='0 0 30 32'%3E%3Ctitle%3Estar2%3C/title%3E%3Cpath fill='%23fbbf24' d='M29.714 11.839c0 0.321-0.232 0.625-0.464 0.857l-6.482 6.321 1.536 8.929c0.018 0.125 0.018 0.232 0.018 0.357 0 0.464-0.214 0.893-0.732 0.893-0.25 0-0.5-0.089-0.714-0.214l-8.018-4.214-8.018 4.214c-0.232 0.125-0.464 0.214-0.714 0.214-0.518 0-0.75-0.429-0.75-0.893 0-0.125 0.018-0.232 0.036-0.357l1.536-8.929-6.5-6.321c-0.214-0.232-0.446-0.536-0.446-0.857 0-0.536 0.554-0.75 1-0.821l8.964-1.304 4.018-8.125c0.161-0.339 0.464-0.732 0.875-0.732s0.714 0.393 0.875 0.732l4.018 8.125 8.964 1.304c0.429 0.071 1 0.286 1 0.821z'/%3E%3C/svg%3E") !important; /* * يجبر المتصفح على إظهار خمس نجوم * مع مسافات متساوية مثل مكوّن سلة */ background-size: 18.75px 20px !important; background-repeat: space no-repeat !important; background-position: right center !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; z-index: 20 !important; } /* ========================================================= عدد التقييمات على يسار النجوم ========================================================= */ body.product-single .page--product-details .product-details__title .title-wrapper > h2.title::after { content: "(" var(--altmez-rating-count) " تقييم)" !important; position: absolute !important; right: 117px !important; bottom: 4px !important; display: inline-flex !important; align-items: center !important; width: auto !important; height: 22px !important; direction: rtl !important; unicode-bidi: isolate !important; font-family: var(--font-main, inherit) !important; font-size: 14px !important; font-weight: 400 !important; line-height: 22px !important; letter-spacing: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; white-space: nowrap !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; z-index: 20 !important; } /* ========================================================= السعر أسفل التقييم ========================================================= */ body.product-single .page--product-details .product-details__title .title-wrapper > .price-wrapper-info.product-main-price { position: relative !important; display: block !important; width: 100% !important; clear: both !important; margin-top: 0 !important; } /* ========================================================= الجوال ========================================================= */ @media (max-width: 767px) { body.product-single .page--product-details .product-details__title .title-wrapper > h2.title { padding-bottom: 29px !important; } body.product-single .page--product-details .product-details__title .title-wrapper > h2.title::before { right: 0 !important; bottom: 5px !important; width: 98px !important; height: 18px !important; /* * نفس نسبة SVG الأصلية 30:32 */ background-size: 16.875px 18px !important; background-repeat: space no-repeat !important; } body.product-single .page--product-details .product-details__title .title-wrapper > h2.title::after { right: 105px !important; bottom: 3px !important; height: 21px !important; font-size: 13px !important; line-height: 21px !important; } } /* ========================================================= إصلاح قسم آراء العملاء — حسب كود المصدر الفعلي ========================================================= */ /* البطاقة كاملة */ .testimonial-entry { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; min-height: 190px !important; height: 100% !important; box-sizing: border-box !important; padding: 22px !important; border: 1px solid #e4e8ef !important; border-radius: 9px !important; background: #ffffff !important; background-color: #ffffff !important; color: #182238 !important; -webkit-text-fill-color: #182238 !important; opacity: 1 !important; visibility: visible !important; filter: none !important; mix-blend-mode: normal !important; overflow: hidden !important; } /* الجزء العلوي: الصورة والاسم */ .testimonial-entry .testimonial-entry__info { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; width: 100% !important; margin: 0 0 14px !important; padding: 0 !important; direction: rtl !important; opacity: 1 !important; visibility: visible !important; } /* حاوية صورة العميل */ .testimonial-entry .testimonial-entry__info .avatar-wrapper { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 46px !important; width: 46px !important; height: 46px !important; min-width: 46px !important; margin: 0 !important; border: 1px solid #e4e8ef !important; border-radius: 50% !important; background: #f5f7fa !important; opacity: 1 !important; visibility: visible !important; overflow: hidden !important; } /* صورة العميل */ .testimonial-entry .testimonial-entry__info .avatar-wrapper img { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; object-fit: cover !important; opacity: 1 !important; visibility: visible !important; filter: none !important; mix-blend-mode: normal !important; } /* اسم العميل — الاستهداف الدقيق */ .testimonial-entry .testimonial-entry__info .title.title--primary.title--small { display: block !important; flex: 1 1 auto !important; margin: 0 !important; padding: 0 !important; color: #182238 !important; -webkit-text-fill-color: #182238 !important; font-family: inherit !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.6 !important; text-align: right !important; direction: rtl !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important; filter: none !important; } /* أي نص صغير بجانب الاسم */ .testimonial-entry .testimonial-entry__info .title.title--primary.title--small small { color: #6b7280 !important; -webkit-text-fill-color: #6b7280 !important; font-size: 11px !important; font-weight: 400 !important; opacity: 1 !important; visibility: visible !important; } /* حاوية نص الرأي */ .testimonial-entry .testimonial-entry__excerpt { display: block !important; flex: 1 1 auto !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; color: #4b5563 !important; -webkit-text-fill-color: #4b5563 !important; opacity: 1 !important; visibility: visible !important; } /* نص رأي العميل — الاستهداف الدقيق */ .testimonial-entry .testimonial-entry__excerpt p { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; color: #4b5563 !important; -webkit-text-fill-color: #4b5563 !important; font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.85 !important; text-align: right !important; direction: rtl !important; white-space: normal !important; opacity: 1 !important; visibility: visible !important; text-shadow: none !important; filter: none !important; } /* حاوية النجوم */ .testimonial-entry .testimonial-entry__rate { display: flex !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; margin-top: auto !important; padding: 0 !important; direction: rtl !important; opacity: 1 !important; visibility: visible !important; } /* مكوّن نجوم سلة */ .testimonial-entry .testimonial-entry__rate salla-rating-stars { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; } /* ترتيب النجوم */ .testimonial-entry .testimonial-entry__rate .s-rating-stars-wrapper { display: inline-flex !important; align-items: center !important; gap: 2px !important; opacity: 1 !important; visibility: visible !important; } /* منع تكرار صف النجوم إن ظهر مرتين */ .testimonial-entry .testimonial-entry__rate .s-rating-stars-wrapper + .s-rating-stars-wrapper { display: none !important; } /* النجوم */ .testimonial-entry .testimonial-entry__rate .s-rating-stars-btn-star { display: inline-flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; visibility: visible !important; } /* لون النجوم */ .testimonial-entry .testimonial-entry__rate svg, .testimonial-entry .testimonial-entry__rate svg path { fill: #ffc43d !important; color: #ffc43d !important; -webkit-text-fill-color: #ffc43d !important; opacity: 1 !important; visibility: visible !important; filter: none !important; } /* الشرائح */ #splide01 .splide__slide { height: auto !important; opacity: 1 !important; visibility: visible !important; } /* الجوال */ @media (max-width: 767px) { .testimonial-entry { min-height: 180px !important; padding: 18px !important; } .testimonial-entry .testimonial-entry__info .avatar-wrapper { flex-basis: 42px !important; width: 42px !important; height: 42px !important; min-width: 42px !important; } .testimonial-entry .testimonial-entry__info .title.title--primary.title--small { font-size: 14px !important; } .testimonial-entry .testimonial-entry__excerpt p { font-size: 12px !important; line-height: 1.8 !important; } } /* ========================================================= إزالة الخلفية البيضاء من بطاقات آراء العملاء ========================================================= */ .testimonial-entry { background: linear-gradient(180deg, #102247 0%, #0b1833 100%) !important; background-color: #0f1f3f !important; border: 1px solid rgba(61, 130, 255, 0.22) !important; border-radius: 12px !important; box-shadow: none !important; } /* اسم العميل */ .testimonial-entry .title.title--primary.title--small { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* نص الرأي */ .testimonial-entry .testimonial-entry__excerpt p { color: #d7e3f7 !important; -webkit-text-fill-color: #d7e3f7 !important; } /* الصورة */ .testimonial-entry .avatar-wrapper { background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(255, 255, 255, 0.10) !important; } /* النجوم */ .testimonial-entry .testimonial-entry__rate svg, .testimonial-entry .testimonial-entry__rate path { fill: #ffc43d !important; color: #ffc43d !important; } /* لو فيه سلايد مكرر */ #splide01 .splide__slide { height: auto !important; } /* إخفاء قسم فتح تذكرة الشكوى */ #root div.flex.items-center.justify-between.mb-3:has( a[href*="complaint.salla.sa"] ) { display: none !important; } /* ========================================================= إصلاح النص الأبيض في صفحة ملخص الطلب والتسليم الرقمي ========================================================= */ /* إعادة ألوان النص داخل البطاقات البيضاء */ #root .bg-white { --color-text: #111827 !important; --color-title: #111827 !important; color: #111827 !important; -webkit-text-fill-color: #111827 !important; } /* جميع النصوص داخل بطاقات ملخص الطلب */ #root .bg-white :is( h1, h2, h3, h4, h5, h6, p, div, span, label, small, dt, dd, li ) { color: #111827 !important; -webkit-text-fill-color: #111827 !important; opacity: 1 !important; visibility: visible !important; } /* عنوان الشكر وعناوين الأقسام */ #root .bg-white .text-text-color, #root .bg-white .text-gray-900, #root .bg-white .font-semibold, #root .bg-white .font-medium, #root .bg-white .font-bold { color: #111827 !important; -webkit-text-fill-color: #111827 !important; } /* النصوص الثانوية */ #root .bg-white .text-gray-500, #root .bg-white .text-gray-600, #root .bg-white .text-\[\#666666\], #root .bg-white .text-\[\#444444\] { color: #525b6b !important; -webkit-text-fill-color: #525b6b !important; } /* رقم الطلب والتاريخ والروابط الرئيسية */ #root .bg-white .text-primary, #root .bg-white [class*="text-primary"], #root .bg-white a.text-primary { color: #168cff !important; -webkit-text-fill-color: #168cff !important; } /* زر الصح الأخضر والأزرار الملونة تبقى نصوصها بيضاء */ #root .bg-white .text-white, #root .bg-white .text-white *, #root .bg-white .bg-store-color, #root .bg-white .bg-store-color *, #root .bg-white button[type="submit"], #root .bg-white button[type="submit"] *, #root .bg-white .s-button-primary:not(.s-button-outline), #root .bg-white .s-button-primary:not(.s-button-outline) * { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* خيارات المنتج */ #root .item-options-section, #root .item-options-section h2, #root .item-options-section dt, #root .item-options-section dd { color: #263244 !important; -webkit-text-fill-color: #263244 !important; opacity: 1 !important; } /* حدود خيارات المنتج أوضح */ #root .item-options-section .border-gray-200 { border-color: #d6dde8 !important; } /* عنوان إرسال الفاتورة */ #root .bg-white [class*="text-text-color"] { color: #111827 !important; -webkit-text-fill-color: #111827 !important; } /* ================================ وثيقة العمل الحر في الفوتر ================================ */ #altmez-freelance-footer-badge { display: flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: flex-start !important; gap: 10px !important; width: fit-content !important; max-width: 100% !important; margin: 14px 0 0 !important; padding: 9px 12px !important; direction: rtl !important; background: rgba(255, 255, 255, 0.04) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 10px !important; box-sizing: border-box !important; } /* الصورة */ #altmez-freelance-footer-badge .altmez-freelance-badge__image { display: block !important; width: 46px !important; height: 46px !important; min-width: 46px !important; object-fit: contain !important; visibility: visible !important; opacity: 1 !important; } /* المحتوى */ #altmez-freelance-footer-badge .altmez-freelance-badge__content { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 1px !important; visibility: visible !important; opacity: 1 !important; } /* العنوان */ #altmez-freelance-footer-badge .altmez-freelance-badge__label { display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.5 !important; visibility: visible !important; opacity: 1 !important; } /* الرقم */ #altmez-freelance-footer-badge .altmez-freelance-badge__number { display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.5 !important; direction: ltr !important; visibility: visible !important; opacity: 1 !important; } /* ===================================================== حماية القسم من تصميم الثيم ====================================================== */ .altmez-social-3d, .altmez-social-3d *, .altmez-social-3d *::before, .altmez-social-3d *::after { box-sizing: border-box; } .altmez-social-3d { position: relative; width: 100%; margin: 30px 0 45px; padding: 35px 15px 65px; overflow: hidden; isolation: isolate; font-family: inherit; } .altmez-social-3d a { text-decoration: none !important; } /* ===================================================== خلفية القسم ====================================================== */ .altmez-social-3d::before { content: ""; position: absolute; inset: 0; z-index: -4; opacity: 0.19; background-image: linear-gradient( rgba(48, 130, 225, 0.12) 1px, transparent 1px ), linear-gradient( 90deg, rgba(48, 130, 225, 0.12) 1px, transparent 1px ); background-size: 46px 46px; -webkit-mask-image: linear-gradient( to bottom, transparent, #000 18%, #000 82%, transparent ); mask-image: linear-gradient( to bottom, transparent, #000 18%, #000 82%, transparent ); } .altmez-social-3d::after { content: ""; position: absolute; top: 110px; right: 50%; z-index: -4; width: 760px; height: 440px; opacity: 0.19; filter: blur(80px); transform: translateX(50%); border-radius: 50%; background: #0858d4; } .altmez-social-3d__container { position: relative; z-index: 2; width: min(100%, 1320px); margin: auto; } .altmez-social-3d__effects { position: absolute; inset: 0; z-index: -2; pointer-events: none; } .altmez-social-3d__orb { position: absolute; display: block; border-radius: 50%; } .altmez-social-3d__orb--1 { top: 85px; right: 4%; width: 72px; height: 72px; opacity: 0.28; background: linear-gradient( 145deg, #00d4ff, #4f3cff ); box-shadow: 0 0 50px rgba(0, 191, 255, 0.38); animation: altmezSocialOrbFloat 6s ease-in-out infinite; } .altmez-social-3d__orb--2 { bottom: 170px; left: 3%; width: 48px; height: 48px; opacity: 0.34; background: linear-gradient( 145deg, #ff9f36, #ff3f91 ); box-shadow: 0 0 40px rgba(255, 82, 129, 0.35); animation: altmezSocialOrbFloat 5s ease-in-out infinite reverse; } .altmez-social-3d__orb--3 { top: 50%; right: 49%; width: 24px; height: 24px; opacity: 0.4; background: #20e9a2; box-shadow: 0 0 30px rgba(32, 233, 162, 0.6); animation: altmezSocialOrbFloat 4s ease-in-out infinite; } /* ===================================================== عنوان القسم ====================================================== */ .altmez-social-3d__header { position: relative; display: grid; grid-template-columns: 5px minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-bottom: 30px; } .altmez-social-3d__header-line { width: 4px; height: 88px; border-radius: 20px; background: linear-gradient( to bottom, #00dfff, #416fff, #934cff ); box-shadow: 0 0 20px rgba(34, 148, 255, 0.55); } .altmez-social-3d__subtitle { display: inline-flex; margin-bottom: 7px; color: #5ad8ff; font-size: 12px; font-weight: 800; } .altmez-social-3d__title { margin: 0; color: #ffffff !important; font-size: clamp(26px, 3vw, 40px); font-weight: 900; line-height: 1.25; } .altmez-social-3d__title span { color: transparent; background: linear-gradient( 90deg, #20d8ff, #5d89ff, #9a70ff ); -webkit-background-clip: text; background-clip: text; } .altmez-social-3d__description { max-width: 730px; margin: 8px 0 0; color: #aabbd3 !important; font-size: 14px; font-weight: 500; line-height: 1.8; } .altmez-social-3d__all-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 45px; padding: 10px 17px; color: #ffffff !important; font-size: 13px; font-weight: 800; border: 1px solid rgba(70, 168, 255, 0.35); border-radius: 13px; background: rgba(11, 42, 82, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07); transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease; } .altmez-social-3d__all-button:hover { color: #ffffff !important; border-color: rgba(57, 206, 255, 0.75); transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 101, 255, 0.22); } .altmez-social-3d__all-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.3; } /* ===================================================== شبكة الأقسام ====================================================== */ .altmez-social-3d__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; scroll-margin-top: 150px; } /* ===================================================== البطاقة الأساسية ====================================================== */ .altmez-social-card { --card-main: #2474ff; --card-second: #503dff; --card-light: #49caff; --card-glow: rgba(37, 116, 255, 0.25); --card-side: #0d2b67; position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 445px; padding: 16px; overflow: hidden; color: #ffffff !important; border: 1px solid rgba(80, 148, 225, 0.25); border-radius: 24px; transform-style: preserve-3d; transform: perspective(1100px) rotateX(var(--altmez-social-x, 0deg)) rotateY(var(--altmez-social-y, 0deg)) translateY(0); background: radial-gradient( circle at 76% 5%, var(--card-glow), transparent 34% ), linear-gradient( 150deg, rgba(13, 35, 72, 0.98), rgba(5, 18, 40, 0.99) ); box-shadow: 0 24px 45px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.06); transition: transform 0.18s ease, border-color 0.3s ease, box-shadow 0.3s ease; will-change: transform; } .altmez-social-card::before { content: ""; position: absolute; right: -55px; bottom: -75px; width: 215px; height: 215px; z-index: 0; opacity: 0.09; border: 35px solid var(--card-main); border-radius: 50%; } .altmez-social-card::after { content: ""; position: absolute; top: -130px; left: -130px; width: 230px; height: 230px; z-index: 0; opacity: 0.12; filter: blur(45px); border-radius: 50%; background: var(--card-main); } .altmez-social-card:hover { color: #ffffff !important; border-color: var(--card-light); box-shadow: 0 32px 60px rgba(0, 0, 0, 0.42), 0 0 34px var(--card-glow), inset 0 1px 0 rgba(255, 255, 255, 0.11); } .altmez-social-card__shine { position: absolute; top: -75%; left: -85%; z-index: 15; width: 56%; height: 240%; opacity: 0; pointer-events: none; transform: rotate(24deg); background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.17), transparent ); } .altmez-social-card:hover .altmez-social-card__shine { opacity: 1; animation: altmezSocialCardShine 1.2s ease; } .altmez-social-card__status { position: absolute; top: 15px; right: 15px; z-index: 20; display: inline-flex; align-items: center; min-height: 28px; padding: 5px 10px; color: #e5f8ff !important; font-size: 10px; font-weight: 800; border: 1px solid rgba(107, 190, 255, 0.28); border-radius: 999px; background: rgba(5, 23, 51, 0.78); backdrop-filter: blur(10px); } .altmez-social-card__status::before { content: ""; width: 6px; height: 6px; margin-left: 6px; border-radius: 50%; background: #2cf3a7; box-shadow: 0 0 10px #2cf3a7; } /* ===================================================== الجزء ثلاثي الأبعاد ====================================================== */ .altmez-social-card__visual { position: relative; z-index: 4; display: grid; place-items: center; height: 185px; margin: 17px 0 8px; perspective: 850px; transform-style: preserve-3d; } .altmez-social-card__visual::before { content: ""; position: absolute; right: 50%; bottom: 2px; width: 158px; height: 49px; opacity: 0.4; filter: blur(9px); transform: translateX(50%) rotateX(68deg); border: 1px solid var(--card-light); border-radius: 50%; background: var(--card-glow); } .altmez-social-card__platform { position: relative; z-index: 6; display: grid; place-items: center; width: 112px; height: 112px; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 31px; transform: rotateX(8deg) rotateY(-12deg) rotateZ(5deg) translateZ(35px); background: radial-gradient( circle at 25% 15%, rgba(255, 255, 255, 0.26), transparent 35% ), linear-gradient( 145deg, var(--card-light), var(--card-main) 45%, var(--card-second) ); box-shadow: 0 27px 30px rgba(0, 0, 0, 0.4), 10px 14px 0 var(--card-side), inset 0 2px 2px rgba(255, 255, 255, 0.22), inset 0 -8px 14px rgba(0, 0, 0, 0.2); transition: transform 0.35s ease, box-shadow 0.35s ease; } .altmez-social-card:hover .altmez-social-card__platform { transform: rotateX(2deg) rotateY(8deg) rotateZ(-3deg) translateY(-9px) translateZ(48px); } .altmez-social-card__logo { display: block; width: 62px; height: 62px; overflow: visible; fill: none; stroke: #ffffff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow( 0 8px 8px rgba(0, 0, 0, 0.25) ); } .altmez-social-card__logo--fill { fill: #ffffff; stroke: none; } /* شعار تويتر واضح */ .altmez-social-card__platform--twitter { background: radial-gradient( circle at 24% 14%, rgba(255, 255, 255, 0.38), transparent 35% ), linear-gradient( 145deg, #91a8c6 0%, #42546e 44%, #111a29 100% ) !important; border-color: rgba(225, 240, 255, 0.62) !important; box-shadow: 0 27px 30px rgba(0, 0, 0, 0.48), 10px 14px 0 #0b1320, 0 0 25px rgba(194, 220, 255, 0.18), inset 0 2px 2px rgba(255, 255, 255, 0.35), inset 0 -9px 17px rgba(0, 0, 0, 0.36) !important; } .altmez-social-card__logo--twitter { display: block !important; width: 64px !important; height: 64px !important; fill: #ffffff !important; stroke: none !important; opacity: 1 !important; filter: drop-shadow( 0 6px 8px rgba(0, 0, 0, 0.5) ) drop-shadow( 0 0 8px rgba(255, 255, 255, 0.32) ); } .altmez-social-card__logo--twitter path { fill: #ffffff !important; stroke: none !important; opacity: 1 !important; } .altmez-social-card__letter { display: block; color: #ffffff !important; font-family: Arial, sans-serif; font-weight: 900; line-height: 1; text-shadow: 0 8px 10px rgba(0, 0, 0, 0.25); } .altmez-social-card__letter--facebook { font-size: 78px; transform: translateY(8px); } .altmez-social-card__letter--jaco { font-size: 65px; } /* ===================================================== العناصر العائمة ====================================================== */ .altmez-social-card__float { position: absolute; z-index: 10; display: grid; place-items: center; min-width: 40px; height: 40px; padding: 5px 8px; color: #ffffff !important; font-size: 11px; font-weight: 900; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 13px; background: linear-gradient( 145deg, var(--card-main), var(--card-second) ); box-shadow: 0 12px 18px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); } .altmez-social-card__float--top { top: 30px; left: 24px; transform: rotate(-11deg) translateZ(60px); animation: altmezSocialSmallFloat 4s ease-in-out infinite; } .altmez-social-card__float--bottom { right: 20px; bottom: 26px; transform: rotate(10deg) translateZ(55px); animation: altmezSocialSmallFloat 4.5s ease-in-out infinite reverse; } /* ===================================================== محتوى البطاقة ====================================================== */ .altmez-social-card__content { position: relative; z-index: 8; display: flex; flex: 1; flex-direction: column; text-align: right; transform: translateZ(20px); } .altmez-social-card__english { color: var(--card-light) !important; font-size: 9px; font-weight: 900; letter-spacing: 1.5px; } .altmez-social-card h3 { margin: 5px 0 8px; color: #ffffff !important; font-size: 20px; font-weight: 900; line-height: 1.4; } .altmez-social-card p { min-height: 50px; margin: 0; color: #adbed5 !important; font-size: 12px; font-weight: 500; line-height: 1.8; } .altmez-social-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; } .altmez-social-card__tags span { display: inline-flex; padding: 5px 8px; color: #dcecff !important; font-size: 9px; font-weight: 700; border: 1px solid rgba(120, 175, 238, 0.18); border-radius: 8px; background: rgba(10, 40, 80, 0.58); } .altmez-social-card__button { display: flex; align-items: center; justify-content: space-between; min-height: 43px; margin-top: auto; padding: 10px 13px; color: #ffffff !important; font-size: 11px; font-weight: 800; border: 1px solid rgba(105, 194, 255, 0.3); border-radius: 12px; background: linear-gradient( 135deg, var(--card-main), var(--card-second) ); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13); transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } .altmez-social-card:hover .altmez-social-card__button { border-color: var(--card-light); box-shadow: 0 10px 24px var(--card-glow); } .altmez-social-card__button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; transition: transform 0.25s ease; } .altmez-social-card:hover .altmez-social-card__button svg { transform: translateX(-4px); } /* ===================================================== ألوان المنصات ====================================================== */ /* تيك توك */ .altmez-social-card--tiktok { --card-main: #00c8d6; --card-second: #d81f68; --card-light: #2af2ff; --card-glow: rgba(0, 214, 229, 0.27); --card-side: #10365d; } /* انستقرام */ .altmez-social-card--instagram { --card-main: #d72b92; --card-second: #7545e7; --card-light: #ff8a3d; --card-glow: rgba(215, 43, 146, 0.27); --card-side: #411d69; } /* يوتيوب */ .altmez-social-card--youtube { --card-main: #ff2525; --card-second: #a50017; --card-light: #ff6666; --card-glow: rgba(255, 37, 37, 0.25); --card-side: #511327; } /* سناب شات */ .altmez-social-card--snapchat { --card-main: #e9bc10; --card-second: #8a6900; --card-light: #fff16d; --card-glow: rgba(255, 217, 41, 0.24); --card-side: #5d4b0b; } .altmez-social-card--snapchat .altmez-social-card__logo { fill: rgba(255, 255, 255, 0.65); stroke: #10182d; stroke-width: 1.8; } /* تويتر */ .altmez-social-card--twitter { --card-main: #60738d; --card-second: #182332; --card-light: #e6f1ff; --card-glow: rgba(174, 206, 245, 0.26); --card-side: #0b1320; } /* فيسبوك */ .altmez-social-card--facebook { --card-main: #2676e8; --card-second: #123a91; --card-light: #62a6ff; --card-glow: rgba(38, 118, 232, 0.27); --card-side: #102a61; } /* تليجرام */ .altmez-social-card--telegram { --card-main: #24a7e8; --card-second: #11639b; --card-light: #60d5ff; --card-glow: rgba(36, 167, 232, 0.27); --card-side: #0f466f; } /* جاكو */ .altmez-social-card--jaco { --card-main: #6638e4; --card-second: #e72d98; --card-light: #a678ff; --card-glow: rgba(124, 75, 235, 0.28); --card-side: #3c1b73; } /* ===================================================== الحركات ====================================================== */ @keyframes altmezSocialSmallFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -9px; } } @keyframes altmezSocialOrbFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-15px) scale(1.05); } } @keyframes altmezSocialCardShine { 0% { left: -85%; } 100% { left: 150%; } } /* ===================================================== التابلت ====================================================== */ @media (max-width: 1100px) { .altmez-social-3d__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .altmez-social-card { min-height: 425px; } } /* ===================================================== الجوال ====================================================== */ @media (max-width: 620px) { .altmez-social-3d { margin: 20px 0; padding: 25px 10px 40px; } .altmez-social-3d__header { grid-template-columns: 4px minmax(0, 1fr); gap: 12px; } .altmez-social-3d__header-line { height: 75px; } .altmez-social-3d__title { font-size: 26px; } .altmez-social-3d__description { font-size: 12px; } .altmez-social-3d__all-button { grid-column: 2; justify-self: start; min-height: 39px; padding: 8px 13px; font-size: 11px; } .altmez-social-3d__grid { grid-template-columns: 1fr; gap: 15px; } .altmez-social-card { min-height: 405px; border-radius: 20px; } .altmez-social-card__visual { height: 165px; } .altmez-social-card__platform { width: 102px; height: 102px; } .altmez-social-card__logo { width: 56px; height: 56px; } .altmez-social-card__logo--twitter { width: 59px !important; height: 59px !important; } .altmez-social-card h3 { font-size: 19px; } } /* إيقاف حركة الميل على أجهزة اللمس */ @media (hover: none) { .altmez-social-card { transform: none !important; } } /* تقليل الحركة */ @media (prefers-reduced-motion: reduce) { .altmez-social-3d *, .altmez-social-3d *::before, .altmez-social-3d *::after { animation: none !important; transition: none !important; } } custom-salla-product-card .price-wrapper > span.color-danger, custom-salla-product-card .price-wrapper > span.color-danger i { color: #ff0000 !important; }