*{box-sizing:border-box}
body{margin:0;background:#041024;color:#f2faff;
font:16px/1.6 -apple-system,BlinkMacSystemFont,
"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}
.w{max-width:1120px;margin:auto;padding:0 25px}
header{background:#06172d;border-bottom:1px solid #358cce}
.nav{min-height:78px;display:flex;justify-content:space-between;
align-items:center;gap:15px;flex-wrap:wrap}
.brand{font-size:27px;font-weight:850}
.links{display:flex;gap:20px;flex-wrap:wrap}
.links a{font-size:14px;color:#d1e9ff}
.links a:hover{color:#70ddff}
.hero{background:radial-gradient(
ellipse at 70% 20%,#174b86,transparent 60%),
linear-gradient(#082244,#030d20);padding:75px 0}
.two{display:grid;grid-template-columns:1.3fr .7fr;
align-items:center;gap:30px}
.hero h1{font-size:clamp(44px,6vw,75px);
line-height:1.1;margin:8px 0}
.tag{font-size:12px;color:#77ddff;letter-spacing:.16em}
.lead{font-size:20px;color:#bfddf2}
.icon{width:min(100%,290px);justify-self:center;
filter:drop-shadow(0 0 28px #198fff)}
.price{font-size:39px;color:#79e4ff;font-weight:850}
.btn{display:inline-block;margin-top:15px;
padding:11px 24px;border-radius:12px;
background:#41d9fc;color:#031e33;font-weight:800;
box-shadow:0 0 20px #11baff77}
.section{padding:55px 0}
.section h2{font-size:31px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(140deg,#12355b,#091c32);
border:1px solid #397fb8;border-radius:18px;padding:24px}
.card h3{margin:0 0 9px}
.card p,.sub{color:#b8d1e9}
.shot{border:1px dashed #4279a4;border-radius:17px;
padding:32px;color:#b8d1e9}
.notice{margin-top:22px;padding:22px;border-radius:15px;
background:#0d2948;border:1px solid #3978ad;color:#c4dbed}
footer{border-top:1px solid #265e90;
padding:25px 0;color:#a3bdd3}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap}
@media(max-width:750px){
.two,.grid{grid-template-columns:1fr}
.hero{padding:45px 0}
.icon{max-width:210px}
.section{padding:35px 0}
}


/* IKRA_MOBILE_20261110 - mobile layout without changing desktop styles */
html { scroll-behavior: smooth; }
img { max-width: 100%; }
.two > div, .card, .grid > * { min-width: 0; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hero-actions .btn { display: inline-flex; align-items: center; justify-content: center; }
.lava-payment { margin-bottom: 24px; border-color: #35b8eb; }
.lava-payment .btn { margin-top: 9px; }
#buy .card { overflow-wrap: anywhere; }
#buy [data-copy] { min-height: 40px; padding: 8px 12px; border-radius: 9px; border: 1px solid #71bde4; background: #0f4267; color: #f2faff; font: inherit; cursor: pointer; }
#buy [data-copy]:focus-visible, a:focus-visible { outline: 3px solid #84e8ff; outline-offset: 3px; }
@media (max-width: 760px) {
  .w { padding-left: 16px; padding-right: 16px; }
  .nav { padding-top: 13px; padding-bottom: 13px; align-items: flex-start; flex-direction: column; gap: 9px; }
  .brand { font-size: 24px; }
  .links { width: 100%; gap: 7px; align-items: center; }
  .links a { display: inline-flex; padding: 7px 9px; min-height: 40px; align-items: center; font-size: 14px; border-radius: 8px; background: #10345b; }
  .hero { padding: 39px 0 43px; }
  .hero h1 { font-size: clamp(34px, 10vw, 50px); }
  .hero .lead { font-size: 17px; line-height: 1.5; }
  .hero .two { gap: 22px; }
  .hero .icon { max-width: 170px; }
  .hero-actions { gap: 8px; }
  .hero-actions .btn { margin-top: 8px; }
  .section { padding-top: 32px; padding-bottom: 32px; }
  .section h2 { font-size: clamp(26px, 8vw, 31px); }
  .grid { gap: 12px; }
  .card { padding: 18px; }
  .notice { padding: 17px; }
  .ikra-gallery-ru, .ikra-gallery-en { gap: 13px; }
  .ikra-gallery-card figcaption { padding: 12px 13px 14px; }
  #buy .card button[data-copy] { margin: 6px 0 3px 7px; }
}
@media (max-width: 390px) {
  .hero-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .hero-actions .btn { width: 100%; margin-top: 4px; text-align: center; }
  #buy .card button[data-copy] { margin: 6px 0 0; }
}