/* ============================================================
   FOURIX CSS NOTE — V31 home polish
   Hero الرئيسية والصور واللمسات البصرية الأخيرة.
   راجع public/assets/css/README_AR.md قبل التعديل الكبير.
   ============================================================ */

/* FOURIX V31 — visual polish, premium home imagery, calmer motion */
:root{--v30-navy:#071827;--v30-navy2:#0b2943;--v30-blue:#1477ee;--v30-cyan:#21c7b7;--v30-gold:#f3b61f;--v30-ink:#0a1c30;--v30-muted:#6f8192;--v30-line:#dce7f1;--v30-soft:#f5f8fb}
html{scroll-behavior:smooth}
body:not(.admin-page) .fourix-global-navbar{background:rgba(7,24,39,.985)!important;box-shadow:0 8px 28px rgba(4,17,30,.16);backdrop-filter:blur(16px)}

/* Home */
.v30-home-hero{position:relative;overflow:hidden;padding:150px 0 92px;background:radial-gradient(circle at 18% 24%,rgba(20,119,238,.24),transparent 34%),radial-gradient(circle at 82% 28%,rgba(33,199,183,.12),transparent 28%),linear-gradient(135deg,#061522,#0a2842);color:#fff}
.v30-home-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.v30-home-hero-grid{position:relative;display:grid;grid-template-columns:1.28fr .72fr;gap:46px;align-items:center}.v30-home-hero-copy{min-width:0}.v30-home-hero h1{font-size:clamp(2.35rem,4.1vw,4rem);font-weight:900;line-height:1.14;margin:14px 0 20px;letter-spacing:-.035em;max-width:920px;text-wrap:balance}.v31-home-title-line{display:block;white-space:nowrap}.v30-home-hero p{font-size:1.06rem;color:#c6d4e0;line-height:2.15;max-width:620px}.v30-home-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.v30-home-proof span{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.055);color:#d7e3ec;font-weight:800;font-size:.8rem}.v30-home-proof i{color:#67b7ff}
.v30-home-hero-visual{display:grid;place-items:center;min-height:430px}.v30-orbit{position:relative;width:min(390px,82vw);aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:inset 0 0 90px rgba(20,119,238,.09),0 30px 80px rgba(0,0,0,.18)}.v30-orbit:before,.v30-orbit:after{content:"";position:absolute;inset:13%;border:1px dashed rgba(255,255,255,.13);border-radius:50%}.v30-orbit:after{inset:28%;border-style:solid}.v30-orbit .core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:108px;height:108px;border-radius:31px;background:#fff;display:grid;place-items:center;box-shadow:0 20px 50px rgba(0,0,0,.25)}.v30-orbit .core img{width:62px}.v30-orbit .orb{position:absolute;width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:rgba(255,255,255,.96);color:var(--v30-blue);font-size:1.35rem;box-shadow:0 16px 38px rgba(0,0,0,.2);animation:v30Float 10s ease-in-out infinite}.v30-orbit .orb-1{top:5%;right:46%}.v30-orbit .orb-2{top:22%;right:2%;animation-delay:-.8s}.v30-orbit .orb-3{bottom:18%;right:6%;animation-delay:-1.6s}.v30-orbit .orb-4{bottom:3%;left:42%;animation-delay:-2.4s}.v30-orbit .orb-5{bottom:21%;left:3%;animation-delay:-3.2s}.v30-orbit .orb-6{top:20%;left:4%;animation-delay:-4s}@keyframes v30Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.v30-home-map{padding:96px 0;background:#fff}.v30-section-head{text-align:center;max-width:780px;margin:0 auto 48px}.v30-section-head h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:900;color:var(--v30-ink);margin:.4rem 0}.v30-section-head p{color:var(--v30-muted);line-height:1.9}.v30-excerpt-list{display:grid;gap:26px}.v30-excerpt{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:330px;border:1px solid var(--v30-line);border-radius:34px;background:linear-gradient(135deg,#fff,#f8fbfd);overflow:hidden;box-shadow:0 18px 48px rgba(9,35,58,.06)}.v30-excerpt.reverse .v30-excerpt-copy{order:2}.v30-excerpt.reverse .v30-excerpt-visual{order:1}.v30-excerpt-copy{padding:46px}.v30-excerpt-copy small{font-weight:900;color:var(--v30-blue);letter-spacing:.06em}.v30-excerpt-copy h2{font-size:clamp(2rem,3vw,2.8rem);font-weight:900;color:var(--v30-ink);margin:7px 0 10px}.v30-excerpt-copy p{color:var(--v30-muted);line-height:1.95;max-width:620px}.v30-arrow-link{display:inline-flex;align-items:center;gap:9px;margin-top:8px;font-weight:900;text-decoration:none}.v30-arrow-link i{transition:.2s}.v30-arrow-link:hover i{transform:translateX(-5px)}.v30-excerpt-visual{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 40%,rgba(20,119,238,.14),transparent 55%),#edf5fb}.v30-excerpt-visual>span{width:90px;height:90px;border-radius:27px;background:#fff;color:var(--v30-blue);display:grid;place-items:center;font-size:2rem;box-shadow:0 18px 45px rgba(8,49,88,.12);transition:.3s}.v30-excerpt:hover .v30-excerpt-visual>span{transform:translateY(-7px)}.v30-excerpt-visual.systems span:nth-child(2),.v30-excerpt-visual.contact span:nth-child(2){transform:translateY(-22px)}.v30-excerpt:hover .v30-excerpt-visual.systems span:nth-child(2),.v30-excerpt:hover .v30-excerpt-visual.contact span:nth-child(2){transform:translateY(-29px)}.v30-excerpt-visual.hardware{flex-direction:column}.mini-pos{width:190px;height:120px;border:8px solid #0c2d49;border-bottom-width:18px;border-radius:18px;background:#fff;display:grid;place-items:center;color:var(--v30-blue);font-size:2rem;position:relative}.mini-pos b{position:absolute;bottom:-39px;font-size:.8rem;color:#0c2d49}.mini-bars{display:flex;gap:8px;margin-top:32px}.mini-bars span{width:58px;height:8px;border-radius:999px;background:#9fc4e6}.mini-bars span:nth-child(2){width:96px;background:#1477ee}.v30-excerpt-visual.store{gap:12px}.v30-excerpt-visual.store .bag{width:118px;height:118px}.mini-product{width:72px;height:72px;border-radius:22px;background:#fff;color:#59748c;display:grid;place-items:center;font-size:1.5rem;box-shadow:0 12px 30px rgba(8,49,88,.1)}.v30-excerpt-visual.about{flex-direction:column}.brand-tile img{width:54px}.v30-excerpt-visual.about .line{width:180px;height:11px;border-radius:99px;background:#b8cfe3}.v30-excerpt-visual.about .line.short{width:110px}.v30-home-cta{padding:0 0 96px;background:#fff}.v30-cta-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:44px;border-radius:32px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(24,130,255,.25),transparent 36%),linear-gradient(135deg,#071827,#0b3153)}.v30-cta-card h2{font-size:2.2rem;font-weight:900}.v30-cta-card p{color:#cbd9e5;margin:0}

/* Store */
.v30-store-hero{padding:132px 0 48px;background:linear-gradient(135deg,#071827,#0a2b48);color:#fff;text-align:center}.v30-store-hero h1{font-size:clamp(2.4rem,4vw,3.7rem);font-weight:900;margin:10px 0}.v30-store-hero p{color:#c8d6e1;font-size:1.03rem}.v30-shop-shell{padding:36px 0 96px;background:#f6f9fc;min-height:70vh}.v30-shop-toolbar{position:sticky;top:76px;z-index:20;display:grid;grid-template-columns:1fr minmax(280px,360px);gap:14px;align-items:center;padding:13px;border:1px solid var(--v30-line);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 16px 42px rgba(9,35,58,.08);backdrop-filter:blur(14px)}.v30-shop-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.v30-shop-tabs::-webkit-scrollbar{display:none}.v30-shop-tabs button{border:0;border-radius:14px;background:transparent;color:#5f7385;padding:12px 17px;white-space:nowrap;font-family:inherit;font-weight:900;transition:.2s}.v30-shop-tabs button:hover{background:#eef5fb;color:#0a2843}.v30-shop-tabs button.active{background:#0a2238;color:#fff;box-shadow:0 8px 18px rgba(9,35,58,.15)}.v30-shop-search{display:grid;grid-template-columns:42px 1fr 38px;align-items:center;border:1px solid #dce7f1;border-radius:14px;background:#f8fbfd;overflow:hidden}.v30-shop-search i{color:#7c91a3;text-align:center}.v30-shop-search input{border:0;outline:0;background:transparent;padding:12px 2px;font-family:inherit}.v30-shop-search button{border:0;background:transparent;color:#91a1af}.v30-shop-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 3px 18px}.v30-shop-meta>div{display:flex;align-items:baseline;gap:6px}.v30-shop-meta span{font-size:1.6rem;font-weight:900;color:var(--v30-ink)}.v30-shop-meta small,.v30-shop-meta p{color:var(--v30-muted);margin:0}.v30-store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.v30-store-loading{grid-column:1/-1;min-height:260px;display:flex;align-items:center;justify-content:center;gap:14px;color:#6d8192}.v30-shop-card{display:flex;flex-direction:column;border:1px solid var(--v30-line);border-radius:27px;background:#fff;overflow:hidden;box-shadow:0 14px 38px rgba(8,45,78,.065);transition:.28s;min-height:100%}.v30-shop-card:hover{transform:translateY(-6px);border-color:#a9cdf0;box-shadow:0 24px 58px rgba(8,58,108,.13)}.v30-shop-media{position:relative;min-height:205px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(20,119,238,.12),transparent 55%),#eef5fb;text-decoration:none}.v30-shop-media img{width:100%;height:205px;object-fit:cover}.v30-shop-icon{width:92px;height:92px;border-radius:28px;background:#fff;display:grid;place-items:center;color:var(--v30-blue);font-size:2rem;box-shadow:0 16px 40px rgba(8,49,88,.12)}.v30-shop-badge{position:absolute;top:15px;right:15px;padding:6px 10px;border-radius:999px;background:#fff;color:#0c2942;font-size:.72rem;font-weight:900;box-shadow:0 8px 20px rgba(8,49,88,.08)}.v30-shop-copy{padding:22px;display:flex;flex-direction:column;flex:1}.v30-shop-copy small{color:var(--v30-blue);font-weight:900}.v30-shop-copy h3{font-size:1.25rem;font-weight:900;color:var(--v30-ink);margin:7px 0}.v30-shop-copy h3 a{color:inherit;text-decoration:none}.v30-shop-copy p{color:var(--v30-muted);line-height:1.75;font-size:.88rem;flex:1}.v30-shop-price{display:flex;align-items:end;gap:7px;margin:8px 0 16px}.v30-shop-price del{color:#9ba8b4;font-size:.78rem}.v30-shop-price strong{font-size:1.18rem;color:#071827}.v30-shop-actions{display:flex;gap:8px}.v30-shop-actions .btn{font-weight:900;flex:1}.v30-system-product .v30-shop-media{background:linear-gradient(145deg,#0a2035,#0e406d);color:#fff}.v30-system-product .v30-shop-icon{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:none}.v30-system-product .v30-shop-badge{background:rgba(255,255,255,.12);color:#fff;backdrop-filter:blur(10px)}.v30-offer-card{border-color:#f3d58d}.v30-offer-card .v30-shop-media{background:radial-gradient(circle at 50% 30%,rgba(243,182,31,.25),transparent 55%),#fff8e8}.v30-offer-card .v30-shop-icon{color:#bd7b00}.v30-empty-store{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed #c9d8e4;border-radius:24px;background:#fff}.v30-empty-store span{width:72px;height:72px;border-radius:22px;background:#edf5fb;color:#1477ee;display:grid;place-items:center;font-size:1.5rem;margin:0 auto 14px}.v30-empty-store h3{font-weight:900}

/* System */
.v30-system-hero{padding:136px 0 72px;color:#fff;background:radial-gradient(circle at 18% 18%,rgba(20,119,238,.22),transparent 32%),linear-gradient(135deg,#071827,#0a3153)}.v30-system-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:54px;margin-top:30px}.v30-system-hero h1{font-size:clamp(2.7rem,5vw,4.6rem);font-weight:900;margin:12px 0}.v30-system-hero p{color:#c4d4e1;line-height:2;font-size:1.04rem}.v30-system-visual{min-height:300px;border:1px solid rgba(255,255,255,.12);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 0 70px rgba(36,139,255,.08)}.v30-system-visual span{width:100px;height:100px;border-radius:30px;background:#fff;color:#1477ee;display:grid;place-items:center;font-size:2.3rem;box-shadow:0 24px 60px rgba(0,0,0,.18)}.v30-system-visual b{font-size:1.4rem;letter-spacing:.08em}.v30-system-visual small{color:#9db5c8}.v30-system-nav{position:sticky;top:72px;z-index:25;background:rgba(255,255,255,.97);border-bottom:1px solid var(--v30-line);box-shadow:0 9px 26px rgba(9,35,58,.06);backdrop-filter:blur(14px)}.v30-system-nav .container{display:flex;justify-content:center;gap:8px;overflow:auto;scrollbar-width:none}.v30-system-nav a{position:relative;padding:17px 18px;color:#64798b;text-decoration:none;font-weight:900;white-space:nowrap}.v30-system-nav a:after{content:"";position:absolute;right:20%;left:20%;bottom:0;height:3px;border-radius:9px;background:#1477ee;transform:scaleX(0);transition:.2s}.v30-system-nav a.active,.v30-system-nav a:hover{color:#0a1e31}.v30-system-nav a.active:after{transform:scaleX(1)}.v30-system-section{padding:88px 0;scroll-margin-top:138px;background:#fff}.v30-system-section.soft{background:#f5f8fb}.v30-system-section.dark{background:radial-gradient(circle at 15% 20%,rgba(20,119,238,.18),transparent 33%),linear-gradient(135deg,#071827,#0a2945);color:#fff}.v30-system-section-head{max-width:760px;margin-bottom:36px}.v30-system-section-head h2{font-size:clamp(2rem,3.8vw,3rem);font-weight:900;margin:.35rem 0;color:inherit}.v30-system-section-head p{color:#718394;line-height:1.9}.v30-system-section.dark .v30-system-section-head p{color:#b7c8d5}.v30-system-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v30-overview-card,.v30-feature-card{border:1px solid var(--v30-line);border-radius:25px;background:#fff;padding:26px;box-shadow:0 14px 38px rgba(8,45,78,.055)}.v30-overview-card span,.v30-feature-card span{width:54px;height:54px;border-radius:17px;background:#edf5ff;color:#1477ee;display:grid;place-items:center;font-size:1.2rem}.v30-overview-card h3,.v30-feature-card h3{font-size:1.1rem;font-weight:900;margin:16px 0 7px;color:var(--v30-ink)}.v30-overview-card p,.v30-feature-card p{color:var(--v30-muted);line-height:1.75;font-size:.87rem;margin:0}.v30-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.v30-plan-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.v30-plan-tabs button{position:relative;text-align:right;border:1px solid var(--v30-line);border-radius:23px;background:#fff;padding:22px;font-family:inherit;transition:.22s}.v30-plan-tabs button:hover{transform:translateY(-3px);border-color:#a8cdf0}.v30-plan-tabs button.active{border-color:#1477ee;box-shadow:0 0 0 2px rgba(20,119,238,.09),0 18px 45px rgba(10,67,120,.11)}.v30-plan-tabs button small{display:block;color:#7a8d9d;font-weight:800}.v30-plan-tabs button strong{display:block;font-size:1.4rem;color:var(--v30-ink);margin:4px 0}.v30-plan-tabs button em{font-style:normal;color:#64788a;font-size:.82rem}.v30-plan-tabs button .popular{position:absolute;top:13px;left:13px;padding:5px 8px;border-radius:999px;background:#1477ee;color:#fff;font-size:.65rem}.v30-plan-detail{border:1px solid var(--v30-line);border-radius:28px;background:#f8fbfd;padding:28px}.v30-plan-detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.v30-feature-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v30-feature-checks div{display:flex;gap:8px;align-items:flex-start;color:#425b70}.v30-feature-checks i{color:#16a36d;margin-top:4px}.v30-plan-summary{padding:24px;border-radius:22px;background:#0a2238;color:#fff}.v30-plan-summary small{color:#9db1c2}.v30-plan-summary strong{display:block;font-size:1.6rem;margin:4px 0}.v30-plan-summary p{color:#c1d0db}.v30-billing-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:780px;margin-bottom:22px}.v30-billing-tabs button{border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.06);color:#d7e2ea;padding:16px;font-family:inherit;font-weight:900;display:flex;align-items:center;justify-content:center;gap:8px}.v30-billing-tabs button.active{background:#fff;color:#0a2238;border-color:#fff}.v30-purchase-choice{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.07)}.v30-purchase-meta small,.v30-purchase-price small{color:#98afc0}.v30-purchase-meta strong{display:block;font-size:1.25rem}.v30-purchase-price{text-align:center}.v30-purchase-price del{display:block;color:#91a6b7}.v30-purchase-price strong{display:block;font-size:2rem}.v30-purchase-price em{display:inline-block;margin-top:5px;font-style:normal;color:#ffd86f}.v30-purchase-actions{display:flex;gap:8px;flex-wrap:wrap}.v30-faq-grid{display:grid;gap:12px}.v30-faq-item{border:1px solid var(--v30-line);border-radius:20px;background:#fff;padding:0 20px}.v30-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;font-weight:900;color:var(--v30-ink)}.v30-faq-item summary::-webkit-details-marker{display:none}.v30-faq-item p{padding:0 0 20px;color:var(--v30-muted);line-height:1.85}.v30-recommend-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.v30-recommend-card{display:flex;flex-direction:column;border:1px solid var(--v30-line);border-radius:22px;background:#fff;padding:18px;text-decoration:none;color:inherit;transition:.22s}.v30-recommend-card:hover{transform:translateY(-5px);color:inherit;box-shadow:0 16px 36px rgba(8,50,90,.1)}.v30-recommend-card>span{width:48px;height:48px;border-radius:15px;background:#edf5ff;color:#1477ee;display:grid;place-items:center}.v30-recommend-card small{color:#1477ee;font-weight:900;margin-top:15px}.v30-recommend-card strong{color:#0a1d30;margin:4px 0}.v30-recommend-card p{color:#748697;font-size:.78rem;line-height:1.6;margin:0}.v30-system-cta{padding:0 0 90px;background:#f5f8fb}

/* Product cross selling */
.product-related-section{background:#f5f8fb}.product-related-section .pp-section-title p{max-width:620px}.product-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Checkout */
.v30-checkout-hero{padding:132px 0 48px;background:linear-gradient(135deg,#071827,#0a2d4c);color:#fff;text-align:center}.v30-checkout-hero h1{font-size:clamp(2.3rem,4vw,3.6rem);font-weight:900;margin:10px 0}.v30-checkout-hero p{color:#c4d3df}.v30-checkout-shell{padding:55px 0 90px;background:#f5f8fb;min-height:50vh}.v30-checkout-ready{max-width:760px;margin:auto;display:flex;align-items:center;gap:18px;padding:34px;border:1px solid var(--v30-line);border-radius:28px;background:#fff;box-shadow:0 16px 46px rgba(9,35,58,.07)}.v30-checkout-ready h2{font-weight:900;margin:0 0 5px}.v30-checkout-ready p{color:#718495;margin:0}.v30-checkout-back{text-align:center;margin-top:24px}.v30-checkout-back a{text-decoration:none;font-weight:900}

@media(max-width:1100px){.v30-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v30-feature-grid{grid-template-columns:repeat(2,1fr)}.v30-recommend-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.v30-home-hero-grid,.v30-system-hero-grid{grid-template-columns:1fr}.v30-home-hero-visual{min-height:330px}.v30-orbit{width:320px}.v30-excerpt{grid-template-columns:1fr}.v30-excerpt.reverse .v30-excerpt-copy,.v30-excerpt.reverse .v30-excerpt-visual{order:initial}.v30-excerpt-visual{min-height:250px}.v30-shop-toolbar{position:relative;top:auto;grid-template-columns:1fr}.v30-system-overview{grid-template-columns:1fr 1fr}.v30-plan-detail-grid{grid-template-columns:1fr}.v30-purchase-choice{grid-template-columns:1fr}.v30-purchase-price{text-align:right}.v30-system-nav{top:68px}}
@media(max-width:640px){.v30-home-hero{padding-top:125px}.v30-home-hero-visual{min-height:280px}.v30-orbit{width:270px}.v30-orbit .orb{width:50px;height:50px;border-radius:16px}.v30-orbit .core{width:88px;height:88px}.v30-orbit .core img{width:50px}.v30-home-map{padding:65px 0}.v30-excerpt-copy{padding:28px}.v30-excerpt-visual{min-height:210px}.v30-excerpt-visual>span{width:66px;height:66px;border-radius:20px;font-size:1.35rem}.v30-cta-card{padding:28px;align-items:flex-start;flex-direction:column}.v30-store-grid{grid-template-columns:1fr}.v30-shop-toolbar{padding:10px}.v30-shop-meta{align-items:flex-start;flex-direction:column}.v30-system-section{padding:64px 0}.v30-system-overview,.v30-feature-grid,.v30-plan-tabs,.v30-billing-tabs,.v30-recommend-grid{grid-template-columns:1fr}.v30-feature-checks{grid-template-columns:1fr}.v30-system-nav .container{justify-content:flex-start}.v30-system-nav a{padding:15px 12px}.product-related-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.v30-orbit .orb{animation:none}.v30-shop-card,.v30-recommend-card,.v30-excerpt-visual>span{transition:none}}


/* V31 home refinements */
.v30-home-proof{margin-top:24px;gap:8px}.v30-home-proof span{padding:8px 12px;font-size:.76rem;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1)}
.nav-store-action{background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);padding-inline:13px!important}
.nav-store-action:hover,.nav-store-action.active{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.2)!important;transform:translateY(-1px)}
.nav-store-action i{color:#f3b61f!important}
.v31-photo-visual{position:relative!important;overflow:hidden!important;isolation:isolate;background:#0b2338!important}
.v31-section-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.015);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .7s ease;filter:saturate(.88) contrast(.98)}
.v31-photo-visual:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,rgba(5,22,36,.18),rgba(6,36,61,.46))}
.v31-photo-visual:after{content:"";position:absolute;inset:auto 0 0 0;height:52%;z-index:-1;background:linear-gradient(to top,rgba(5,21,34,.58),transparent)}
.v30-excerpt:hover .v31-section-photo{transform:scale(1.055);filter:saturate(1) contrast(1.02)}
.v31-photo-icons{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:20px}.v31-photo-icons>span{width:72px;height:72px;border-radius:22px;background:rgba(255,255,255,.94);display:grid;place-items:center;color:#1477ee;font-size:1.45rem;box-shadow:0 14px 36px rgba(0,0,0,.22);backdrop-filter:blur(8px);transition:transform .45s ease}.v31-photo-icons>span:nth-child(2){transform:translateY(-14px)}.v30-excerpt:hover .v31-photo-icons>span{transform:translateY(-5px)}.v30-excerpt:hover .v31-photo-icons>span:nth-child(2){transform:translateY(-20px)}
.v31-photo-badge,.v31-brand-stamp{display:flex;align-items:center;gap:11px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.93);color:#0a2843;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.22);backdrop-filter:blur(9px)}.v31-photo-badge i{color:#1477ee;font-size:1.35rem}.v31-brand-stamp img{width:34px}.v31-brand-stamp span{letter-spacing:.08em}
.v31-photo-visual.hardware,.v31-photo-visual.about{flex-direction:row}
@media(max-width:991px){.v30-home-hero h1{max-width:820px}.v31-section-photo{object-position:center}}
@media(max-width:640px){.v30-home-hero h1{font-size:clamp(2.25rem,10vw,3.15rem);line-height:1.18}.v30-home-hero p{font-size:.96rem;line-height:2}.v31-photo-icons>span{width:58px;height:58px;border-radius:18px;font-size:1.15rem}.v31-photo-badge,.v31-brand-stamp{padding:11px 14px;font-size:.82rem}}

@media(max-width:1199px){.v30-home-hero-grid{grid-template-columns:1.2fr .8fr;gap:34px}.v30-home-hero h1{font-size:clamp(2.25rem,4vw,3.5rem)}.v31-home-title-line{white-space:normal}}
@media(max-width:991px){.v30-home-hero h1{max-width:760px}.v31-home-title-line{white-space:normal}}
@media(max-width:575px){.v30-home-hero h1{font-size:clamp(2rem,10vw,2.65rem);line-height:1.18;letter-spacing:-.025em}}

/* ============================================================
   FOURIX — إصلاح عنوان Hero في الصفحة الرئيسية
   ------------------------------------------------------------
   الهدف:
   1) تصغير العنوان حتى لا يملأ الشاشة.
   2) إبقاء العنوان كسطرين واضحين على الشاشات الكبيرة.
   3) إضافة مسافة آمنة بين السطرين حتى لا تتداخل الحروف العربية.
   ملاحظة: إذا أردت تعديل حجم عنوان الرئيسية مستقبلًا، عدّل هذا القسم فقط.
   ============================================================ */
.v30-home-hero h1 {
  font-size: clamp(2.05rem, 3.45vw, 3.35rem);
  line-height: 1.30;
  letter-spacing: -0.02em;
  max-width: 940px;
  margin: 14px 0 22px;
}

/* كل جزء من العنوان سطر مستقل على Desktop */
.v31-home-title-line {
  display: block;
  white-space: nowrap;
  line-height: 1.30;
}

/* مسافة إضافية بين السطر الأول والثاني */
.v31-home-title-line + .v31-home-title-line {
  margin-top: 0.14em;
}

@media (max-width: 1199px) {
  .v30-home-hero h1 {
    font-size: clamp(2rem, 3.65vw, 3rem);
    line-height: 1.30;
  }
  .v31-home-title-line {
    white-space: normal;
  }
}

@media (max-width: 575px) {
  .v30-home-hero h1 {
    font-size: clamp(1.9rem, 8.8vw, 2.45rem);
    line-height: 1.32;
  }
  .v31-home-title-line + .v31-home-title-line {
    margin-top: 0.10em;
  }
}

/* ============================================================
   FOURIX V33.10.1 — إصلاح Hero الصفحة الرئيسية على الجوال
   ------------------------------------------------------------
   سبب المشكلة السابقة:
   كان Media Query للشاشات <=1199px يأتي بعد Query <=991px
   ويعيد الـHero إلى عمودين على الهاتف، فيضغط النص والأزرار.

   قاعدة التعديل:
   - Desktop: يبقى التصميم الحالي كما هو.
   - Tablet/Mobile: النص بعرض كامل أولاً، ثم الرسم تحته.
   - لا تجعل أي عنصر في Hero أضيق من شاشة الهاتف.
   ============================================================ */

@media (max-width: 991.98px) {
  .v30-home-hero {
    padding: 118px 0 58px;
    min-height: auto;
  }

  /* مهم: يجب أن يبقى عموداً واحداً على Tablet والجوال */
  .v30-home-hero .v30-home-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 34px !important;
    align-items: start !important;
  }

  .v30-home-hero-copy {
    order: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    text-align: right;
  }

  .v30-home-hero-visual {
    order: 2;
    width: 100%;
    min-width: 0;
    min-height: 300px;
    display: grid;
    place-items: center;
  }

  .v30-home-hero .eyebrow {
    max-width: 100%;
    white-space: normal;
    line-height: 1.6;
  }

  .v30-home-hero h1 {
    width: 100%;
    max-width: 760px;
    margin: 16px 0 18px;
    font-size: clamp(2rem, 7vw, 2.9rem);
    line-height: 1.30;
    letter-spacing: -0.015em;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
  }

  .v31-home-title-line {
    display: block;
    white-space: normal !important;
    line-height: 1.30;
  }

  .v31-home-title-line + .v31-home-title-line {
    margin-top: .18em;
  }

  .v30-home-hero p {
    width: 100%;
    max-width: 680px;
    margin: 0;
    font-size: 1rem;
    line-height: 2;
  }

  .v30-home-hero .page-hero-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
    margin-top: 22px;
  }

  .v30-home-hero .page-hero-actions .btn {
    min-width: 170px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: normal;
    line-height: 1.4;
  }

  .v30-home-proof {
    width: 100%;
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .v30-home-proof span {
    min-width: 0;
    white-space: normal;
    text-align: center;
    justify-content: center;
  }

  .v30-orbit {
    width: min(300px, 78vw);
  }
}

@media (max-width: 575.98px) {
  .v30-home-hero {
    padding: 106px 0 46px;
  }

  .v30-home-hero .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .v30-home-hero .v30-home-hero-grid {
    gap: 28px !important;
  }

  .v30-home-hero h1 {
    font-size: clamp(1.85rem, 8.2vw, 2.35rem);
    line-height: 1.32;
    margin-bottom: 16px;
  }

  .v31-home-title-line {
    line-height: 1.32;
  }

  .v31-home-title-line + .v31-home-title-line {
    margin-top: .20em;
  }

  .v30-home-hero p {
    font-size: .94rem;
    line-height: 1.95;
  }

  /* على الهاتف الأزرار بعرض كامل حتى لا ينكسر النص حرفياً */
  .v30-home-hero .page-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .v30-home-hero .page-hero-actions .btn {
    width: 100%;
    min-width: 0;
    min-height: 54px;
    padding: 12px 16px;
    font-size: .96rem;
  }

  /* الشارات الثلاث في صف متوازن بدلاً من عمود طويل */
  .v30-home-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .v30-home-proof span {
    width: 100%;
    padding: 8px 6px;
    font-size: .68rem;
    line-height: 1.45;
    border-radius: 14px;
  }

  .v30-home-proof span i {
    font-size: .75rem;
  }

  .v30-home-hero-visual {
    min-height: 255px;
  }

  .v30-orbit {
    width: min(255px, 76vw);
  }

  .v30-orbit .orb {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    font-size: 1.05rem;
  }

  .v30-orbit .core {
    width: 84px;
    height: 84px;
    border-radius: 25px;
  }

  .v30-orbit .core img {
    width: 48px;
  }
}

/* حماية عامة من أي overflow أفقي ناتج عن Hero */
.v30-home,
.v30-home main,
.v30-home-hero,
.v30-home-hero-grid,
.v30-home-hero-copy,
.v30-home-hero-visual {
  max-width: 100%;
}