:root {
  --color-primary: #00836C;
  --color-accent: #B22234;
  --color-gold: #D4A843;
}
html { direction: rtl; scroll-behavior: smooth; font-family: "Cairo", sans-serif; }
body { overflow-x: hidden; line-height: 1.8; }
h1, h2, h3, h4, h5, h6 { line-height: 1.3; }
::selection { background: var(--color-primary); color: #fff; }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--color-primary); border-radius: 3px; }
.glass { background: rgba(255,255,255,.92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,.05); }
.card-premium { background: white; border: 1px solid #EDF2F7; border-radius: 20px; box-shadow: 0 1px 2px rgba(0,0,0,.03), 0 4px 16px rgba(0,0,0,.03), 0 12px 48px rgba(0,0,0,.02); transition: all .4s cubic-bezier(.25,.46,.45,.94); }
.card-premium:hover { box-shadow: 0 4px 8px rgba(0,0,0,.04), 0 12px 32px rgba(0,0,0,.06), 0 24px 64px rgba(0,0,0,.04); transform: translateY(-4px); border-color: #B3E2D8; }
.section-padding { padding-top: 6rem; padding-bottom: 6rem; }
@media (min-width: 640px) { .section-padding { padding-top: 8rem; padding-bottom: 8rem; } }
.gradient-red-card { background: linear-gradient(135deg,#B22234 0%,#8C1A29 100%); }
.gradient-green-card { background: linear-gradient(135deg,#00836C 0%,#006B58 100%); }
.reveal { opacity: 0; transform: translateY(28px); filter: blur(4px); transition: opacity .7s ease, transform .7s ease, filter .7s ease; }
.reveal.in-view { opacity: 1; transform: translateY(0); filter: blur(0); }
.float-slow { animation: floatSlow 5s ease-in-out infinite; }
.float-product { animation: floatProduct 6s ease-in-out infinite; }
.float-up { animation: floatUp 3s ease-in-out infinite; }
.float-down { animation: floatDown 3.5s ease-in-out infinite; }
.pulse-ring { animation: pulseRing 4s ease-in-out infinite; }
.hover-wiggle:hover { animation: wiggle .5s ease-in-out; }
.particle { position: absolute; border-radius: 9999px; filter: blur(48px); opacity: .018; width: 320px; height: 320px; animation: particleMove 20s ease-in-out infinite; }
.particle:nth-child(1){ right: 8%; top: 12%; animation-delay: 0s; }
.particle:nth-child(2){ left: 12%; top: 28%; width: 420px; height: 420px; animation-delay: 1s; }
.particle:nth-child(3){ right: 35%; bottom: 8%; width: 260px; height: 260px; animation-delay: 2s; }
.particle:nth-child(4){ left: 25%; bottom: 20%; width: 480px; height: 480px; animation-delay: 3s; }
.particle:nth-child(5){ right: 70%; top: 65%; width: 300px; height: 300px; animation-delay: 1.7s; }
.particle:nth-child(6){ right: 45%; top: 5%; width: 240px; height: 240px; animation-delay: 2.4s; }
.dir-ltr { direction: ltr; }
.form-input { width: 100%; padding: .875rem 1rem; border-radius: .75rem; border: 1px solid #E2E8F0; background: #fff; outline: none; transition: all .2s ease; font-size: .875rem; }
.form-input::placeholder { color: rgba(122,139,154,.5); }
.form-input:focus { border-color: #00836C; box-shadow: 0 0 0 3px rgba(0,131,108,.1); }
.offer-card { box-shadow: none; }
.offer-option:hover .offer-card { border-color: #B3E2D8; background: #FBFEFD; }
.offer-option input:checked + .offer-card { border-color: var(--color-primary); background: #EAF8F4; box-shadow: inset 0 0 0 1px rgba(0,131,108,.28); }
.offer-option input:checked + .offer-card .offer-check { border-color: var(--color-primary); background: var(--color-primary); color: #fff; }
.payment-card { box-shadow: none; }
.payment-option:hover .payment-card { border-color: #B3E2D8; background: #FBFEFD; }
.payment-option input:checked + .payment-card { border-color: var(--color-primary); background: #EAF8F4; box-shadow: inset 0 0 0 1px rgba(0,131,108,.28); }
.payment-option input:checked + .payment-card .payment-check { border-color: var(--color-primary); background: var(--color-primary); color: #fff; }
.home-slider-frame { clip-path: none; }
.home-slide-dot,
.review-dot {
  border: 12px solid transparent;
  background-clip: padding-box;
  margin: -12px;
}
@keyframes floatSlow { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-14px); } }
@keyframes floatProduct { 0%,100%{ transform: translateY(0) rotate(0deg); } 50%{ transform: translateY(-25px) rotate(-2deg); } 75%{ transform: translateY(-8px) rotate(2deg); } }
@keyframes floatUp { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-8px); } }
@keyframes floatDown { 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(8px); } }
@keyframes pulseRing { 0%,100%{ transform: scale(1); opacity: .15; } 50%{ transform: scale(1.05); opacity: .25; } }
@keyframes wiggle { 0%,100%{ transform: rotate(0); } 25%{ transform: rotate(-5deg); } 75%{ transform: rotate(5deg); } }
@keyframes particleMove { 0%,100%{ transform: translate(0,0) scale(1); } 25%{ transform: translate(60px,-50px) scale(1.15); } 50%{ transform: translate(-40px,30px) scale(.9); } 75%{ transform: translate(30px,-20px) scale(1.1); } }

@media (max-width: 767px) {
  html { scroll-behavior: auto; }
  .particle { display: none; }
  .glass {
    background: rgba(255,255,255,.96);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .reveal,
  .reveal.in-view {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }
  .float-slow,
  .float-product,
  .float-up,
  .float-down,
  .pulse-ring,
  .hover-wiggle:hover {
    animation: none;
  }
  .blur-2xl,
  .blur-3xl,
  .blur-\[50px\],
  .blur-\[60px\],
  .blur-\[80px\] {
    filter: none !important;
  }
  .shadow-2xl,
  .shadow-xl {
    box-shadow: 0 8px 24px rgba(0,0,0,.08) !important;
  }
  .card-premium {
    transition: box-shadow .2s ease, border-color .2s ease;
  }
  .card-premium:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}