.sarnakh-page{--sarnakh-blue:#0077ff;--sarnakh-cyan:#15aedb;--sarnakh-pink:#db2777;direction:rtl;background:#fff;color:#111827;font-size:16px;line-height:1.9}
.sarnakh-page *,.sarnakh-page *::before,.sarnakh-page *::after{box-sizing:border-box}
.sarnakh-page a{color:inherit;text-decoration:none}
.sarnakh-page :is(a,button):focus-visible{outline:3px solid #08728f;outline-offset:4px}
.sarnakh-page svg:not(.sarnakh-sprite){width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sarnakh-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sarnakh-main-hero{overflow:hidden;background:#badaff url("../assets/images/sarnakh-hero-bg.png") center/cover no-repeat;color:var(--sarnakh-blue)}
.sarnakh-main-hero__inner{width:min(100% - 2rem,1258px);margin-inline:auto;padding:1rem 0 3rem;text-align:center}
.sarnakh-main-hero__memorial{margin:0;color:#2e648f;font-size:.75rem;line-height:1.8}
.sarnakh-main-hero__memorial span,.sarnakh-main-hero__memorial strong{display:block}
.sarnakh-main-hero__memorial strong{color:#b26a2b;font-size:.86rem}
.sarnakh-main-hero h1{margin:.75rem 0 0;color:#0053b3;font-size:clamp(2.25rem,5vw,4.45rem);font-weight:900;line-height:1.45;letter-spacing:-.035em}
.sarnakh-main-hero__tagline{display:flex;max-width:820px;justify-content:space-between;margin:.5rem auto 0;font-size:clamp(1.35rem,3vw,2.5rem);font-weight:900}
.sarnakh-main-hero__visual{display:block;max-width:1024px;margin:-5.5rem auto -5.3rem;transition:transform .25s ease-out}
.sarnakh-main-hero__visual:hover{transform:scale(1.015)}
.sarnakh-main-hero__visual img{display:block;width:100%;height:auto}
.sarnakh-main-hero__actions,.sarnakh-main-hero__buy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1120px;margin-inline:auto;background:#fff}
.sarnakh-main-hero__actions{border-radius:.75rem .75rem 0 0;padding:.75rem .75rem 0}
.sarnakh-main-hero__actions a{display:flex;min-height:3.75rem;align-items:center;justify-content:center;gap:.45rem;border-radius:.25rem;background:var(--sarnakh-cyan);color:#fff;font-size:clamp(1rem,2.1vw,1.85rem);font-weight:700;text-shadow:0 0 10px rgb(0 0 0/.2);box-shadow:5px 0 10px rgb(70 166 199/.35);transition:transform .25s ease-out,background-color .25s ease-out}
.sarnakh-main-hero__actions a:hover{background:#0d9fc9;transform:scale(1.025)}
.sarnakh-main-hero__buy{align-items:center;border-radius:0 0 .75rem .75rem;padding:.75rem}
.sarnakh-main-hero__buy p{margin:0;color:var(--sarnakh-blue);white-space:nowrap}
.sarnakh-main-hero__buy p strong{font-size:clamp(1.25rem,2.2vw,2rem);font-weight:900}
.sarnakh-main-hero__buy p span{margin-right:.3rem;font-size:clamp(1rem,1.8vw,1.55rem);font-weight:800}
.sarnakh-main-hero__buy>a{display:flex;min-height:3.75rem;align-items:center;justify-content:center;gap:.45rem;border:2px solid #51d8ff;border-radius:.25rem;background:#fff;color:var(--sarnakh-cyan);font-size:clamp(1rem,2vw,1.8rem);font-weight:700;transition:transform .25s ease-out,background-color .25s ease-out}
.sarnakh-main-hero__buy>a:hover{background:#effbff;transform:scale(1.025)}
.sarnakh-main-hero__benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1120px;margin:1.6rem auto 0}
.sarnakh-main-hero__benefits p{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:0;color:var(--sarnakh-blue);font-size:clamp(1rem,2vw,1.65rem);font-weight:800}
.sarnakh-section{scroll-margin-top:5rem;background:#fff}
.sarnakh-section__inner{width:min(100% - 2rem,1120px);margin-inline:auto;padding:3.4rem 0}
.sarnakh-section__header h2{display:flex;align-items:center;justify-content:flex-start;gap:.7rem;margin:0;color:var(--sarnakh-blue);font-size:clamp(2rem,3.2vw,2.8rem);font-weight:900;line-height:1.4}
.sarnakh-section__header h2 svg{width:1.15em!important;height:1.15em!important}
.sarnakh-section__header p{margin:.45rem 0 0;color:#111827;font-size:.95rem}
.sarnakh-grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.sarnakh-grade{--grade:#db2777;display:flex;min-width:0;flex-direction:column;border:3px solid var(--grade);border-radius:.75rem;padding:1rem;background:#fff;text-align:center}
.sarnakh-grade--eight{--grade:#0e91cc}
.sarnakh-grade--nine{--grade:#18ad50}
.sarnakh-grade h3{margin:0;color:var(--grade);font-size:1.65rem;font-weight:900}
.sarnakh-grade ul,.sarnakh-store__card ul{margin:1rem 0;padding:0;list-style:none;text-align:right}
.sarnakh-grade li,.sarnakh-store__card li{position:relative;padding-right:1.4rem}
.sarnakh-grade li::before,.sarnakh-store__card li::before{position:absolute;right:0;color:var(--grade);font-weight:900;content:"✓"}
.sarnakh-grade__actions{display:grid;gap:.55rem;margin-top:auto}
.sarnakh-grade__actions a{display:flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.4rem;border:2px solid var(--grade);font-weight:800;transition:color .25s ease-out,background-color .25s ease-out}
.sarnakh-grade__primary{background:var(--grade);color:#fff!important}
.sarnakh-grade__primary:hover{filter:brightness(.93)}
.sarnakh-grade__support{background:#fff;color:var(--grade)!important}
.sarnakh-grade__support:hover{background:color-mix(in srgb,var(--grade) 8%,white)}
.sarnakh-sample{background:#fff}
.sarnakh-sample__body{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:2rem;margin-top:2rem}
.sarnakh-sample__links{display:grid;gap:.65rem}
.sarnakh-sample__links a,.sarnakh-sample__visual a{display:flex;min-height:3rem;align-items:center;justify-content:center;gap:.4rem;border:2px solid #5eafd5;background:#fff;color:#151515;font-weight:800;transition:color .25s ease-out,border-color .25s ease-out,background-color .25s ease-out}
.sarnakh-sample__links a:hover,.sarnakh-sample__visual a:hover{border-color:var(--sarnakh-blue);background:#f1f9ff;color:var(--sarnakh-blue)}
.sarnakh-sample__visual img{display:block;width:100%;height:auto}
.sarnakh-sample__visual a{margin-top:1rem}
.sarnakh-store{padding-bottom:1.5rem}
.sarnakh-store__card{width:min(100%,540px);margin:2rem 0 0 auto;border:3px solid #ec7faf;border-radius:.75rem;padding:1.25rem;background:#fff}
.sarnakh-store__title{display:flex;align-items:center;justify-content:space-between;color:var(--sarnakh-pink)}
.sarnakh-store__title h3{margin:0;font-size:1.8rem;font-weight:900}
.sarnakh-store__title svg{width:2.25rem!important;height:2.25rem!important}
.sarnakh-store__card{--grade:var(--sarnakh-pink)}
.sarnakh-store__card>a{display:flex;min-height:3rem;align-items:center;justify-content:center;background:var(--sarnakh-pink);color:#fff;font-weight:900;transition:background-color .25s ease-out}
.sarnakh-store__card>a:hover{background:#bc1d64}
@media(max-width:767px){
  .sarnakh-main-hero__inner{width:100%;padding:.6rem .45rem 2.25rem}
  .sarnakh-main-hero__memorial{padding-inline:.5rem;font-size:.65rem}
  .sarnakh-main-hero__memorial strong{font-size:.75rem}
  .sarnakh-main-hero h1{margin-top:.55rem;font-size:2rem;line-height:1.5}
  .sarnakh-main-hero__tagline{padding-inline:1.75rem;font-size:1.25rem}
  .sarnakh-main-hero__visual{margin:-.25rem auto -1.2rem;overflow:hidden}
  .sarnakh-main-hero__visual img{transform:none}
  .sarnakh-main-hero__actions,.sarnakh-main-hero__buy{gap:.7rem;margin-inline:.45rem}
  .sarnakh-main-hero__actions{grid-template-columns:1fr;padding:.55rem;border:1px solid #fff}
  .sarnakh-main-hero__actions a{min-height:3.25rem;border-radius:.45rem;font-size:1rem}
  .sarnakh-main-hero__buy{grid-template-columns:1fr;padding:.7rem .55rem;border:1px solid #fff}
  .sarnakh-main-hero__buy p{order:-1}
  .sarnakh-main-hero__buy>a{min-height:3rem;border-radius:.45rem;font-size:1rem}
  .sarnakh-main-hero__benefits{grid-template-columns:1fr;gap:0;margin:1.1rem .45rem 0;border-radius:.7rem;background:#fff;padding:.75rem}
  .sarnakh-main-hero__benefits p{min-height:3rem;font-size:.95rem}
  .sarnakh-main-hero__benefits p+p{border-top:1px solid #e5e7eb}
  .sarnakh-section__inner{width:min(100% - 1rem,35rem);padding:2.4rem 0}
  .sarnakh-section__header{text-align:center}
  .sarnakh-section__header h2{justify-content:center;font-size:1.9rem}
  .sarnakh-section__header p{font-size:.8rem}
  .sarnakh-grades{grid-template-columns:1fr;gap:1rem;margin-top:1.6rem}
  .sarnakh-grade{padding:.85rem}
  .sarnakh-grade h3{font-size:1.4rem}
  .sarnakh-grade ul{width:max-content;max-width:100%;margin:.65rem auto;text-align:right;font-size:.85rem}
  .sarnakh-grade__actions a{min-height:2.6rem}
  .sarnakh-sample__body{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}
  .sarnakh-sample__links{width:100%}
  .sarnakh-sample__visual{display:flex;width:100%;flex-direction:column}
  .sarnakh-sample__visual img{order:-1}
  .sarnakh-store__card{margin:1.5rem auto 0;padding:.9rem}
  .sarnakh-store__title{display:block;text-align:center}
  .sarnakh-store__title h3{font-size:1.55rem}
  .sarnakh-store__title svg{margin-top:.5rem}
  .sarnakh-store__card ul{width:max-content;max-width:100%;margin:1rem auto;font-size:.85rem}
}
@media(max-width:390px){.sarnakh-main-hero h1{font-size:1.75rem}.sarnakh-main-hero__tagline{padding-inline:1rem;font-size:1.05rem}.sarnakh-section__header h2{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.sarnakh-page *,.sarnakh-page *::before,.sarnakh-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
