#aromika-hero{
  --pink:#ea2f78;
  --ink:#171717;
  --line:rgba(0,0,0,.09);
  width:100%;
  overflow:hidden;
  color:var(--ink);
  background:#fff;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#aromika-hero *{box-sizing:border-box}
#aromika-hero a{text-decoration:none;color:inherit}
#aromika-hero .ar-wrap{
  width:min(calc(100% - 64px),1380px);
  margin:auto;
}

/* HEADER */
#aromika-hero .ar-header{
  height:88px;
  position:relative;
  z-index:100;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--line);
}
#aromika-hero .ar-header-row{
  height:100%;
  display:flex;
  align-items:center;
}
#aromika-hero .ar-logo img{
  width:155px;
  height:auto;
  display:block;
}
#aromika-hero .ar-nav{
  margin-left:auto;
  display:flex;
  gap:28px;
}
#aromika-hero .ar-nav a{
  font-size:13px;
  font-weight:600;
}
#aromika-hero .ar-shop{
  margin-left:32px;
  padding:15px 22px;
  border-radius:999px;
  background:#171717;
  color:#fff;
  font-size:13px;
  font-weight:700;
}
#aromika-hero .ar-burger{
  display:none;
  margin-left:auto;
  width:44px;
  height:44px;
  border:0;
  padding:0;
  background:transparent;
  position:relative;
  z-index:10002;
}
#aromika-hero .ar-burger span{
  position:absolute;
  left:8px;
  width:27px;
  height:2px;
  background:#171717;
  transition:.3s;
}
#aromika-hero .ar-burger span:first-child{top:16px}
#aromika-hero .ar-burger span:last-child{top:26px}
#aromika-hero .ar-burger.open span:first-child{
  top:21px;
  transform:rotate(45deg);
}
#aromika-hero .ar-burger.open span:last-child{
  top:21px;
  transform:rotate(-45deg);
}


#aromika-hero .ar-lang{
  margin-left:28px;
  display:flex;
  align-items:center;
  gap:8px;
}
#aromika-hero .ar-lang button,
#aromika-hero .ar-menu-lang button{
  border:0;
  padding:0;
  background:transparent;
  color:#171717;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.4px;
  opacity:.34;
  cursor:pointer;
}
#aromika-hero .ar-lang button.is-active,
#aromika-hero .ar-menu-lang button.is-active{
  opacity:1;
  color:var(--pink);
}
#aromika-hero .ar-lang span{
  width:1px;
  height:11px;
  background:#ccc;
}
#aromika-hero .ar-menu-lang{
  margin-top:26px;
  display:flex;
  align-items:center;
  gap:18px;
}

/* MOBILE MENU */
#aromika-hero .ar-overlay{
  position:fixed;
  z-index:9998;
  inset:0;
  background:rgba(0,0,0,.3);
  opacity:0;
  visibility:hidden;
  transition:.3s;
}
#aromika-hero .ar-overlay.open{
  opacity:1;
  visibility:visible;
}
#aromika-hero .ar-menu{
  position:fixed;
  z-index:9999;
  top:0;
  right:0;
  bottom:0;
  width:min(88vw,420px);
  padding:100px 30px 35px;
  background:#fff;
  transform:translateX(105%);
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
#aromika-hero .ar-menu.open{transform:translateX(0)}
#aromika-hero .ar-menu nav{
  display:flex;
  flex-direction:column;
}
#aromika-hero .ar-menu nav a{
  padding:10px 0;
  font-size:27px;
  line-height:1.1;
  font-weight:700;
}
#aromika-hero .ar-menu-shop{
  margin-top:28px;
  min-height:56px;
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:var(--pink);
  color:#fff!important;
  font-size:14px;
  font-weight:700;
}

/* HERO */
#aromika-hero .ar-hero{
  min-height:750px;
  position:relative;
  background:linear-gradient(115deg,#faf9f6 0%,#faf9f6 50%,#f3edf8 100%);
}
#aromika-hero .ar-grid{
  min-height:750px;
  display:grid;
  grid-template-columns:51% 49%;
  align-items:center;
}
#aromika-hero .ar-copy{
  position:relative;
  z-index:10;
  padding:70px 0 85px;
}
#aromika-hero .ar-eyebrow{
  margin-bottom:28px;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--pink);
  font-size:10px;
  font-weight:800;
  letter-spacing:1.1px;
  text-transform:uppercase;
}
#aromika-hero .ar-eyebrow i{
  width:30px;
  height:1px;
  background:currentColor;
}
#aromika-hero h1{
  margin:0;
  max-width:780px;
  font-size:clamp(62px,5.9vw,96px);
  line-height:1;
  letter-spacing:-2.2px;
  font-weight:720;
}
#aromika-hero h1 span,
#aromika-hero h1 em{
  display:block;
}
#aromika-hero h1 span+em,
#aromika-hero h1 em+span{
  margin-top:.06em;
}
#aromika-hero h1 em{
  color:var(--pink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:.96em;
  line-height:.98;
  letter-spacing:-1px;
  font-weight:400;
}
#aromika-hero .ar-copy>p{
  max-width:570px;
  margin:36px 0 0;
  color:#686868;
  font-size:17px;
  line-height:1.68;
}
#aromika-hero .ar-actions{
  margin-top:36px;
  display:flex;
  gap:12px;
}
#aromika-hero .ar-btn{
  min-height:58px;
  padding:0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}
#aromika-hero .ar-btn-pink{
  color:#fff;
  background:var(--pink);
}
#aromika-hero .ar-btn-light{
  border:1px solid rgba(0,0,0,.14);
  background:rgba(255,255,255,.3);
}
#aromika-hero .ar-facts{
  margin-top:50px;
  display:flex;
}
#aromika-hero .ar-facts>div{
  min-width:136px;
  padding-right:27px;
  margin-right:27px;
  border-right:1px solid rgba(0,0,0,.12);
}
#aromika-hero .ar-facts>div:last-child{border:0}
#aromika-hero .ar-facts b{
  display:block;
  font-size:25px;
}
#aromika-hero .ar-facts small{
  display:block;
  margin-top:9px;
  color:#838383;
  font-size:10px;
  line-height:1.38;
}

/* PRODUCT VISUAL */
#aromika-hero .ar-visual{
  min-height:670px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
#aromika-hero .ar-circle{
  position:absolute;
  width:min(41vw,600px);
  height:min(41vw,600px);
  border-radius:50%;
  background:linear-gradient(145deg,#f9d8e6,#dcd6fb);
}
#aromika-hero .ar-stage{
  position:relative;
  z-index:4;
  width:650px;
  height:625px;
  perspective:1200px;
  transform-style:preserve-3d;
  touch-action:pan-y;
}
#aromika-hero .ar-product{
  position:absolute;
  left:0;
  top:0;
  margin:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  transform-origin:center bottom;
  cursor:pointer;
  will-change:transform,filter;
}
#aromika-hero .ar-product img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 28px 23px rgba(43,22,39,.2));
}
#aromika-hero .ar-perfect{width:242px;height:520px}
#aromika-hero .ar-wash{width:205px;height:500px}
#aromika-hero .ar-maxi{width:220px;height:500px}
#aromika-hero .ar-prachka{width:176px;height:420px}
#aromika-hero .ar-shadow{
  position:absolute;
  left:50%;
  bottom:28px;
  width:505px;
  height:58px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(43,21,39,.19);
  filter:blur(26px);
}
#aromika-hero .ar-made{
  position:absolute;
  z-index:20;
  right:2%;
  bottom:100px;
  padding:13px 18px;
  display:flex;
  gap:10px;
  border-radius:17px;
  background:rgba(255,255,255,.84);
  box-shadow:0 15px 40px rgba(0,0,0,.1);
  font-size:10px;
  line-height:1.3;
}
#aromika-hero .ar-made b{display:block}

/* MOBILE */
@media(max-width:980px){
  #aromika-hero .ar-wrap{width:calc(100% - 40px)}
  #aromika-hero .ar-header{height:76px}
  #aromika-hero .ar-nav,
  #aromika-hero .ar-shop,
  #aromika-hero .ar-lang{display:none}
  #aromika-hero .ar-burger{display:block}
  #aromika-hero .ar-grid{
    min-height:0;
    display:block;
  }
  #aromika-hero .ar-hero{min-height:0}
  #aromika-hero .ar-copy{padding:70px 0 10px}
  #aromika-hero .ar-visual{min-height:580px}
  #aromika-hero .ar-circle{
    width:520px;
    height:520px;
  }
  #aromika-hero .ar-stage{
    transform:scale(.86);
  }
}
@media(max-width:640px){
  #aromika-hero .ar-wrap{width:calc(100% - 30px)}
  #aromika-hero .ar-logo img{width:126px}
  #aromika-hero .ar-copy{padding-top:58px}
  #aromika-hero h1{
    font-size:52px;
    line-height:1.02;
    letter-spacing:-1.4px;
  }
  #aromika-hero h1 em{letter-spacing:-.5px}
  #aromika-hero .ar-copy>p{
    margin-top:30px;
    font-size:15px;
    line-height:1.65;
  }
  #aromika-hero .ar-actions{flex-direction:column}
  #aromika-hero .ar-btn{width:100%}
  #aromika-hero .ar-facts{justify-content:space-between}
  #aromika-hero .ar-facts>div{
    width:33.33%;
    min-width:0;
    margin-right:10px;
    padding-right:10px;
  }
  #aromika-hero .ar-visual{min-height:440px}
  #aromika-hero .ar-circle{
    width:380px;
    height:380px;
  }
  #aromika-hero .ar-stage{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(.58);
  }
  #aromika-hero .ar-made{
    right:4px;
    bottom:45px;
  }
}

#aromika-hero.lang-kk h1{
  font-size:clamp(58px,5.5vw,90px);
  letter-spacing:-1.7px;
}
#aromika-hero.lang-kk h1 em{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-style:normal;
  font-weight:720;
  letter-spacing:-1.2px;
}
@media(max-width:640px){
  #aromika-hero.lang-kk h1{
    font-size:46px;
    line-height:1.04;
    letter-spacing:-1px;
  }
}





#products.arp-section{
  --arp-pink:#ea2f78;--arp-ink:#171717;--arp-muted:#777173;--arp-paper:#f4f1ed;
  width:100%;padding:124px 0 130px;background:#fff;color:var(--arp-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#products *,#products *::before,#products *::after{box-sizing:border-box}
#products a{color:inherit;text-decoration:none}
#products .arp-wrap{width:min(calc(100% - 64px),1380px);margin:0 auto}
#products .arp-head{
  display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:70px;align-items:end;margin-bottom:56px;
}
#products .arp-kicker{
  display:flex;align-items:center;gap:12px;margin-bottom:25px;
  font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
}
#products .arp-kicker span{width:30px;height:1px;background:var(--arp-ink)}
#products .arp-head h2{
  margin:0;max-width:850px;font-size:clamp(50px,4.6vw,73px);
  line-height:1;letter-spacing:-2.5px;font-weight:680;
}
#products .arp-head h2 span,#products .arp-head h2 em{display:block}
#products .arp-head h2 em{
  margin-top:.06em;color:var(--arp-pink);font-family:Georgia,"Times New Roman",serif;
  font-style:italic;font-weight:400;letter-spacing:-1.5px;
}
#products .arp-head>p{margin:0 0 5px;color:#716c6e;font-size:14px;line-height:1.72}

/* Editorial category index */
#products .arp-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
#products .arp-card{
  min-height:164px;padding:24px 24px 24px 22px;position:relative;overflow:hidden;
  display:grid;grid-template-columns:34px 56px minmax(0,1fr) 42px;gap:14px;align-items:center;
  border:1px solid rgba(23,23,23,.09);border-radius:24px;background:#f7f5f2;
  transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s,background .3s;
}
#products .arp-card::before{
  content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--arp-pink);
  transform:scaleY(0);transform-origin:center bottom;
  transition:transform .38s cubic-bezier(.22,1,.36,1);
}
#products .arp-card:hover{
  transform:translateY(-4px);border-color:rgba(234,47,120,.23);background:#fff;
  box-shadow:0 18px 46px rgba(33,23,28,.065);
}
#products .arp-card:hover::before{transform:scaleY(1)}
#products .arp-num{
  align-self:start;padding-top:4px;color:#aaa4a6;font-size:10px;line-height:1;font-weight:800;letter-spacing:.5px;
}
#products .arp-icon{
  width:54px;height:54px;display:flex;align-items:center;justify-content:center;
  border-radius:16px;background:rgba(234,47,120,.075);color:var(--arp-pink);
  transition:transform .38s cubic-bezier(.22,1,.36,1),background .3s;
}
#products .arp-card:hover .arp-icon{transform:translateY(-2px) rotate(-3deg);background:rgba(234,47,120,.12)}
#products .arp-icon svg{
  width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;
}
#products .arp-copy{min-width:0;padding-right:8px}
#products .arp-copy h3{
  margin:0 0 8px;font-size:22px;line-height:1.08;letter-spacing:-.75px;font-weight:650;
}
#products .arp-copy p{
  max-width:300px;margin:0;color:#777173;font-size:12px;line-height:1.62;
}
#products .arp-arrow{
  width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(23,23,23,.13);border-radius:50%;color:var(--arp-ink);
  transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,color .3s,border-color .3s;
}
#products .arp-arrow svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
#products .arp-card:hover .arp-arrow{
  transform:rotate(45deg);background:var(--arp-pink);border-color:var(--arp-pink);color:#fff;
}

#products .arp-card--all{
  grid-column:auto;
}

/* AROMIKA v13 — highlight "All products" in pink */
#products .arp-card--all{
  background:#ea2f78;
  border-color:#ea2f78;
  color:#fff;
  box-shadow:0 10px 28px rgba(234,47,120,.12);
}
#products .arp-card--all::before{
  display:none;
}
#products .arp-card--all::after{
  content:"";
  position:absolute;
  right:-54px;
  bottom:-62px;
  width:155px;
  height:155px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 44px rgba(255,255,255,.055);
}
#products .arp-card--all .arp-num{
  color:rgba(255,255,255,.62);
}
#products .arp-card--all .arp-icon{
  background:rgba(255,255,255,.16);
  color:#fff;
}
#products .arp-card--all .arp-copy h3{
  color:#fff;
}
#products .arp-card--all .arp-copy p{
  color:rgba(255,255,255,.82);
}
#products .arp-card--all .arp-arrow{
  border-color:rgba(255,255,255,.30);
  color:#fff;
  background:rgba(255,255,255,.06);
}
#products .arp-card--all:hover{
  background:#de236d;
  border-color:#de236d;
  box-shadow:0 20px 48px rgba(234,47,120,.24);
}
#products .arp-card--all:hover .arp-icon{
  background:rgba(255,255,255,.22);
}
#products .arp-card--all:hover .arp-arrow{
  background:#fff;
  border-color:#fff;
  color:#ea2f78;
}

#products.arp-lang-kk .arp-head h2{font-size:clamp(45px,4.2vw,68px);letter-spacing:-1.8px}
#products.arp-lang-kk .arp-head h2 em{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-style:normal;font-weight:650;letter-spacing:-1.2px;
}

@media(max-width:1080px){
  #products .arp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
  #products.arp-section{padding:96px 0 104px}
  #products .arp-wrap{width:calc(100% - 40px)}
  #products .arp-head{grid-template-columns:1fr;gap:24px;margin-bottom:46px}
  #products .arp-head>p{max-width:570px}
}
@media(max-width:720px){
  #products .arp-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  #products.arp-section{padding:78px 0 88px}
  #products .arp-wrap{width:calc(100% - 30px)}
  #products .arp-kicker{margin-bottom:21px;font-size:9px}
  #products .arp-head h2{font-size:43px;line-height:1.04;letter-spacing:-1.4px}
  #products.arp-lang-kk .arp-head h2{font-size:38px;line-height:1.06;letter-spacing:-1px}
  #products .arp-head>p{font-size:13px;line-height:1.65}
  #products .arp-grid{gap:10px}
  #products .arp-card{
    min-height:152px;padding:20px 18px;grid-template-columns:28px 50px minmax(0,1fr) 40px;gap:12px;border-radius:21px;
  }
  #products .arp-icon{width:48px;height:48px;border-radius:14px}
  #products .arp-icon svg{width:29px;height:29px}
  #products .arp-copy h3{font-size:20px;margin-bottom:6px}
  #products .arp-copy p{font-size:11px;line-height:1.55}
  #products .arp-arrow{width:38px;height:38px}
  #products .arp-card--all{min-height:145px}
}
@media(max-width:430px){
  #products .arp-card{
    grid-template-columns:25px 46px minmax(0,1fr) 36px;gap:9px;padding:18px 15px;
  }
  #products .arp-icon{width:44px;height:44px}
  #products .arp-copy h3{font-size:18px}
  #products .arp-copy p{font-size:10.5px}
  #products .arp-arrow{width:35px;height:35px}
}


#brands.arb-section{
  --arb-ink:#171717;
  --arb-pink:#ea2f78;
  width:100%;
  padding:120px 0 135px;
  overflow:hidden;
  background:#f7f6f3;
  color:var(--arb-ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

#brands *,
#brands *::before,
#brands *::after{
  box-sizing:border-box;
}

#brands a{
  color:inherit;
  text-decoration:none;
}

#brands .arb-wrap{
  width:min(calc(100% - 64px),1380px);
  margin:0 auto;
}


/* HEAD */

#brands .arb-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:50px;
  margin-bottom:60px;
}

#brands .arb-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:26px;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

#brands .arb-kicker span{
  width:30px;
  height:1px;
  background:currentColor;
}

#brands .arb-head h2{
  margin:0;
  max-width:850px;
  font-size:clamp(46px,4.4vw,70px);
  line-height:1.01;
  letter-spacing:-2.3px;
  font-weight:680;
}

#brands .arb-head h2 span,
#brands .arb-head h2 em{
  display:block;
}

#brands .arb-head h2 em{
  margin-top:.06em;
  color:#9c9c9c;
  font-style:normal;
  font-weight:420;
}

#brands .arb-head>p{
  width:360px;
  margin:0 0 5px;
  color:#737373;
  font-size:14px;
  line-height:1.65;
}


/* GRID */

#brands .arb-grid{
  display:grid;
  gap:15px;
}

#brands .arb-grid--top{
  grid-template-columns:1.1fr .9fr;
  margin-bottom:15px;
}

#brands .arb-grid--bottom{
  grid-template-columns:repeat(3,1fr);
}

#brands .arb-card{
  position:relative;
  display:block;
  overflow:hidden;
  isolation:isolate;
  border-radius:30px;
  transition:
    transform .55s cubic-bezier(.22,1,.36,1),
    box-shadow .55s ease;
}

#brands .arb-card--large{
  min-height:500px;
  padding:30px;
}

#brands .arb-card--small{
  min-height:390px;
  padding:27px;
}

#brands .arb-card:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 80px rgba(0,0,0,.10);
}


/* META */

#brands .arb-card__meta{
  position:relative;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

#brands .arb-index{
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
  opacity:.55;
}

#brands .arb-arrow{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid currentColor;
  border-radius:50%;
  opacity:.65;
  transition:
    transform .5s cubic-bezier(.22,1,.36,1),
    background .3s ease,
    color .3s ease,
    opacity .3s ease;
}

#brands .arb-arrow svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#brands .arb-card:hover .arb-arrow{
  transform:rotate(45deg);
  opacity:1;
}


/* TEXT */

#brands .arb-card__text{
  position:absolute;
  z-index:8;
  left:30px;
  bottom:31px;
  max-width:49%;
}

#brands .arb-card--small .arb-card__text{
  left:27px;
  bottom:27px;
  max-width:63%;
}

#brands .arb-brand{
  line-height:.88;
  letter-spacing:-2px;
}

#brands .arb-card__text p{
  margin:18px 0 0;
  font-size:12px;
  line-height:1.58;
  opacity:.72;
}

#brands .arb-link{
  display:inline-block;
  margin-top:20px;
  padding-bottom:4px;
  border-bottom:1px solid currentColor;
  font-size:10px;
  font-weight:800;
  letter-spacing:.8px;
  text-transform:uppercase;
}


/* PRODUCTS */

#brands .arb-product{
  position:absolute;
  z-index:6;
  display:block;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  filter:drop-shadow(0 30px 28px rgba(0,0,0,.16));
  transform-origin:center bottom;
  transition:
    transform .8s cubic-bezier(.22,1,.36,1),
    filter .6s ease;
}

#brands .arb-card:hover .arb-product{
  filter:drop-shadow(0 37px 33px rgba(0,0,0,.20));
}

#brands .arb-product--perfect{
  width:290px;
  height:430px;
  right:5%;
  bottom:-32px;
  transform:rotate(5deg);
}

#brands .arb-card--perfect:hover .arb-product--perfect{
  transform:translate(-10px,-12px) rotate(1deg) scale(1.04);
}

#brands .arb-product--wash{
  width:260px;
  height:430px;
  right:0;
  bottom:-37px;
  transform:rotate(6deg);
}

#brands .arb-card--wash:hover .arb-product--wash{
  transform:translate(-11px,-12px) rotate(2deg) scale(1.04);
}

#brands .arb-product--maxi{
  width:205px;
  height:315px;
  right:-4px;
  bottom:-25px;
  transform:rotate(5deg);
}

#brands .arb-card--maxi:hover .arb-product--maxi{
  transform:translate(-8px,-8px) rotate(2deg) scale(1.04);
}

#brands .arb-product--prachka{
  width:195px;
  height:310px;
  right:-4px;
  bottom:-24px;
  transform:rotate(4deg);
}

#brands .arb-card--prachka:hover .arb-product--prachka{
  transform:translate(-8px,-9px) rotate(1deg) scale(1.04);
}


/* PERFECT */

#brands .arb-card--perfect{
  color:#fff;
  background:
    radial-gradient(circle at 74% 35%,rgba(255,255,255,.18),transparent 24%),
    linear-gradient(145deg,#8a275f 0%,#be2d70 48%,#e54383 100%);
}

#brands .arb-brand--perfect{
  font-family:Georgia,"Times New Roman",serif;
  font-size:68px;
  font-style:italic;
  font-weight:400;
  letter-spacing:-3px;
}

#brands .arb-shape--perfect{
  position:absolute;
  z-index:2;
  width:330px;
  height:330px;
  right:3%;
  top:18%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.23);
}


/* WASH */

#brands .arb-card--wash{
  color:#14345e;
  background:
    radial-gradient(circle at 72% 30%,rgba(255,255,255,.72),transparent 27%),
    linear-gradient(145deg,#d8eefb 0%,#a9d7f3 50%,#78bce6 100%);
}

#brands .arb-brand--wash{
  font-size:55px;
  font-weight:820;
  letter-spacing:-3px;
}

#brands .arb-brand--wash::first-line{
  font-size:.72em;
}

#brands .arb-card--wash .arb-arrow{
  border-color:rgba(20,52,94,.48);
}


/* MAXI */

#brands .arb-card--maxi{
  color:#6e2843;
  background:linear-gradient(145deg,#ffe5d9 0%,#ffc9b7 45%,#ff9f8f 100%);
}

#brands .arb-brand--maxi{
  font-size:40px;
  font-weight:750;
  letter-spacing:-2px;
}

#brands .arb-brand--maxi strong{
  display:block;
  font-size:46px;
  font-weight:900;
  letter-spacing:-2.6px;
}


/* PRACHKA */

#brands .arb-card--prachka{
  color:#9d3754;
  background:
    radial-gradient(circle at 75% 32%,rgba(255,255,255,.55),transparent 24%),
    linear-gradient(145deg,#fff0f0 0%,#ffd7dd 53%,#f6b9c6 100%);
}

#brands .arb-brand--prachka{
  font-family:Georgia,"Times New Roman",serif;
  font-size:48px;
  font-style:italic;
  font-weight:500;
  letter-spacing:-2.7px;
}


/* ANTIBAK */

#brands .arb-card--antibak{
  color:#0a4560;
  background:
    radial-gradient(circle at 76% 25%,rgba(255,255,255,.72),transparent 25%),
    linear-gradient(145deg,#dcf8fb 0%,#a9eef1 48%,#66dbe3 100%);
}

#brands .arb-brand--antibak{
  font-size:47px;
  font-weight:820;
  letter-spacing:-2.6px;
}

#brands .arb-card__text--antibak{
  max-width:55%!important;
}

#brands .arb-product--antibak{
  width:215px;
  height:340px;
  right:-6px;
  bottom:-25px;
  transform:rotate(4deg);
}

#brands .arb-card--antibak:hover .arb-product--antibak{
  transform:translate(-8px,-9px) rotate(1deg) scale(1.04);
}

#brands .arb-shape--antibak{
  position:absolute;
  z-index:2;
  width:220px;
  height:220px;
  right:-44px;
  bottom:-54px;
  border:1px solid rgba(10,69,96,.14);
  border-radius:50%;
  transition:transform .8s cubic-bezier(.22,1,.36,1);
}

#brands .arb-card--antibak:hover .arb-shape--antibak{
  transform:scale(1.10);
}
/* KZ */

#brands.arb-lang-kk .arb-head h2{
  font-size:clamp(44px,4.1vw,66px);
  letter-spacing:-1.7px;
}

#brands.arb-lang-kk .arb-card__text p{
  line-height:1.65;
}


/* TABLET */

@media(max-width:1050px){
  #brands .arb-product--perfect{
    right:-5%;
  }

  #brands .arb-product--wash{
    right:-7%;
  }
}

@media(max-width:960px){
  #brands.arb-section{
    padding:95px 0 105px;
  }

  #brands .arb-wrap{
    width:calc(100% - 40px);
  }

  #brands .arb-head{
    display:block;
    margin-bottom:48px;
  }

  #brands .arb-head>p{
    width:auto;
    max-width:520px;
    margin-top:24px;
  }

  #brands .arb-grid--top,
  #brands .arb-grid--bottom{
    grid-template-columns:1fr 1fr;
  }

  #brands .arb-grid--bottom .arb-card:last-child{
    grid-column:1 / -1;
  }

  #brands .arb-card--small{
    min-height:400px;
  }
}


/* MOBILE */

@media(max-width:640px){
  #brands.arb-section{
    padding:78px 0 88px;
  }

  #brands .arb-wrap{
    width:calc(100% - 30px);
  }

  #brands .arb-kicker{
    margin-bottom:21px;
    font-size:9px;
  }

  #brands .arb-head h2{
    font-size:43px;
    line-height:1.04;
    letter-spacing:-1.4px;
  }

  #brands.arb-lang-kk .arb-head h2{
    font-size:40px;
    line-height:1.06;
    letter-spacing:-1px;
  }

  #brands .arb-head>p{
    font-size:13px;
  }

  #brands .arb-grid--top,
  #brands .arb-grid--bottom{
    grid-template-columns:1fr;
  }

  #brands .arb-grid--bottom .arb-card:last-child{
    grid-column:auto;
  }

  #brands .arb-card--large,
  #brands .arb-card--small{
    min-height:430px;
    padding:24px;
  }

  #brands .arb-card__text,
  #brands .arb-card--small .arb-card__text{
    left:24px;
    bottom:25px;
    max-width:58%;
  }

  #brands .arb-brand--perfect{
    font-size:54px;
  }

  #brands .arb-brand--wash{
    font-size:46px;
  }

  #brands .arb-brand--maxi strong{
    font-size:42px;
  }

  #brands .arb-product--perfect{
    width:245px;
    height:355px;
    right:-7%;
    bottom:-22px;
  }

  #brands .arb-product--wash{
    width:235px;
    height:360px;
    right:-9%;
    bottom:-23px;
  }

  #brands .arb-product--maxi,
  #brands .arb-product--prachka{
    width:210px;
    height:320px;
    right:-6%;
  }

  #brands .arb-product--antibak{
    width:215px;
    height:330px;
    right:-5%;
    bottom:-18px;
  }
}




#about-company.arc-section{
  --pink:#ea2f78;--ink:#171717;--paper:#f4f1ed;
  position:relative;width:100%;padding:124px 0 130px;overflow:hidden;background:var(--paper);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#about-company *,#about-company *::before,#about-company *::after{box-sizing:border-box}
#about-company a{color:inherit;text-decoration:none}
#about-company .arc-anchor{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
#about-company .arc-wrap{width:min(calc(100% - 64px),1380px);margin:auto}
#about-company .arc-head{
  display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:70px;align-items:end;margin-bottom:58px;
}
#about-company .arc-kicker{display:flex;align-items:center;gap:12px;margin-bottom:25px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#about-company .arc-kicker span{width:30px;height:1px;background:var(--ink)}
#about-company h2{margin:0;max-width:850px;font-size:clamp(50px,4.6vw,73px);line-height:1;letter-spacing:-2.5px;font-weight:680}
#about-company h2 span,#about-company h2 em{display:block}
#about-company h2 em{margin-top:.06em;color:var(--pink);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-1.5px}
#about-company .arc-head-side>p{margin:0;color:#716c6e;font-size:14px;line-height:1.72}
#about-company .arc-more{width:max-content;margin-top:26px;padding-bottom:7px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #171717;font-size:12px;font-weight:750;transition:color .3s,border-color .3s}
#about-company .arc-more svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
#about-company .arc-more:hover{color:var(--pink);border-color:var(--pink)}
#about-company .arc-more:hover svg{transform:translateX(5px)}

#about-company .arc-main{display:grid;grid-template-columns:minmax(350px,.82fr) minmax(0,1.18fr);gap:14px}
#about-company .arc-passport{
  min-height:596px;padding:38px 40px 34px;position:relative;overflow:hidden;display:flex;flex-direction:column;
  border-radius:32px;background:#171717;color:#fff;box-shadow:0 20px 60px rgba(27,22,24,.06)
}
#about-company .arc-passport::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--pink) 0 38%,rgba(234,47,120,0) 82%)}
#about-company .arc-passport::after{content:"";position:absolute;right:-95px;bottom:-120px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012)}
#about-company .arc-passport-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px}
#about-company .arc-passport-top small{max-width:160px;color:rgba(255,255,255,.48);font-size:9px;line-height:1.5;font-weight:800;letter-spacing:1px;text-transform:uppercase}
#about-company .arc-passport-top img{width:118px;height:auto;display:block;filter:brightness(0) invert(1)}
#about-company .arc-year{position:relative;z-index:2;margin:auto 0 18px;color:#fff;font-size:clamp(88px,9vw,142px);line-height:.78;letter-spacing:-8px;font-weight:760}
#about-company .arc-year::after{content:"";display:block;width:78px;height:4px;margin-top:26px;background:var(--pink);border-radius:99px}
#about-company .arc-passport-bottom{position:relative;z-index:2;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.52);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
#about-company .arc-passport-bottom i{width:34px;height:1px;background:rgba(255,255,255,.22)}
#about-company .arc-passport-bottom b{color:#fff;font-size:9px;font-weight:800}

#about-company .arc-proof{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:14px}
#about-company .arc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#about-company .arc-stats article{min-height:150px;padding:24px;border:1px solid rgba(23,23,23,.09);border-radius:24px;background:#fff}
#about-company .arc-stats article>div{display:flex;align-items:flex-start;gap:2px}
#about-company .arc-stats strong{font-size:44px;line-height:.9;letter-spacing:-2px;font-weight:720}
#about-company .arc-stats sup{color:var(--pink);font-size:18px;font-weight:800}
#about-company .arc-stats p{max-width:150px;margin:16px 0 0;color:#777173;font-size:11px;line-height:1.5}

#about-company .arc-process{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#about-company .arc-process article{
  min-height:208px;padding:24px;position:relative;overflow:hidden;display:grid;grid-template-columns:32px 50px 1fr;gap:14px;align-items:start;
  border:1px solid rgba(23,23,23,.09);border-radius:24px;background:#fff;
  transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .35s
}
#about-company .arc-process article:hover{transform:translateY(-4px);border-color:rgba(234,47,120,.23);box-shadow:0 18px 46px rgba(33,23,28,.065)}
#about-company .arc-process article>span{padding-top:4px;color:#aaa4a6;font-size:10px;font-weight:800}
#about-company .arc-process-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(234,47,120,.08);color:var(--pink)}
#about-company .arc-process-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#about-company .arc-process article>div:last-child{align-self:end;grid-column:2/4;padding-top:24px}
#about-company .arc-process h3{margin:0 0 8px;font-size:21px;line-height:1.08;letter-spacing:-.6px;font-weight:650}
#about-company .arc-process p{max-width:260px;margin:0;color:#777173;font-size:11px;line-height:1.58}
#about-company .arc-bottom{max-width:850px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(23,23,23,.10);display:flex;gap:18px;align-items:flex-start}
#about-company .arc-quote{color:var(--pink);font-family:Georgia,serif;font-size:42px;line-height:.8}
#about-company .arc-bottom p{margin:0;color:#626062;font-size:17px;line-height:1.55;letter-spacing:-.2px}

#about-company.arc-lang-kk h2{font-size:clamp(45px,4.2vw,68px);letter-spacing:-1.8px}
#about-company.arc-lang-kk h2 em{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-1.2px}

@media(max-width:1050px){
 #about-company .arc-main{grid-template-columns:minmax(320px,.76fr) 1.24fr}
 #about-company .arc-passport{padding:34px 32px}
 #about-company .arc-stats strong{font-size:38px}
}
@media(max-width:900px){
 #about-company.arc-section{padding:96px 0 104px}
 #about-company .arc-wrap{width:calc(100% - 40px)}
 #about-company .arc-head{grid-template-columns:1fr;gap:24px;margin-bottom:46px}
 #about-company .arc-head-side{max-width:600px}
 #about-company .arc-main{grid-template-columns:1fr}
 #about-company .arc-passport{min-height:430px}
}
@media(max-width:700px){
 #about-company .arc-stats{grid-template-columns:1fr}
 #about-company .arc-stats article{min-height:120px}
 #about-company .arc-process{grid-template-columns:1fr}
}
@media(max-width:640px){
 #about-company.arc-section{padding:78px 0 88px}
 #about-company .arc-wrap{width:calc(100% - 30px)}
 #about-company .arc-kicker{margin-bottom:21px;font-size:9px}
 #about-company h2{font-size:43px;line-height:1.04;letter-spacing:-1.4px}
 #about-company.arc-lang-kk h2{font-size:38px;line-height:1.06;letter-spacing:-1px}
 #about-company .arc-head-side>p{font-size:13px;line-height:1.65}
 #about-company .arc-passport{min-height:360px;padding:28px 24px;border-radius:27px}
 #about-company .arc-passport-top img{width:102px}
 #about-company .arc-year{font-size:92px;letter-spacing:-5px}
 #about-company .arc-stats{gap:10px}
 #about-company .arc-stats article{padding:22px;border-radius:22px}
 #about-company .arc-process{gap:10px}
 #about-company .arc-process article{min-height:190px;padding:22px;border-radius:22px}
 #about-company .arc-bottom p{font-size:15px}
}


#geography.arg-section{
  --pink:#ea2f78;--ink:#171717;--muted:#747474;
  width:100%;padding:125px 0 120px;overflow:hidden;background:#fff;color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#geography *,#geography *::before,#geography *::after{box-sizing:border-box}
#geography a{color:inherit;text-decoration:none}
#geography .arg-wrap{width:min(calc(100% - 64px),1380px);margin:auto}
#geography .arg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:58px}
#geography .arg-kicker{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#geography .arg-kicker span{width:30px;height:1px;background:currentColor}
#geography h2{margin:0;max-width:850px;font-size:clamp(48px,4.6vw,73px);line-height:1.01;letter-spacing:-2.4px;font-weight:680}
#geography h2 span,#geography h2 em{display:block}
#geography h2 em{margin-top:.06em;color:var(--pink);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-1.5px}
#geography .arg-head>p{width:370px;margin:0 0 5px;color:#707070;font-size:14px;line-height:1.7}

#geography .arg-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:stretch}
#geography .arg-map-wrap{position:relative;min-height:590px;padding:26px;border-radius:32px;background:#f5f3f0;overflow:hidden}
#geography .arg-map{width:100%;height:100%;min-height:520px;display:block}
#geography .arg-country{fill:url(#argMapGradient);stroke:rgba(255,255,255,.95);stroke-width:2.4;stroke-linejoin:round}
#geography .arg-point{cursor:pointer;outline:none}
#geography .arg-point .arg-pulse{fill:rgba(234,47,120,.13);transform-origin:center;animation:argPulse 2.8s ease-out infinite}
#geography .arg-point .arg-dot{fill:#fff;stroke:#ea2f78;stroke-width:3;transition:r .3s ease,fill .3s ease,stroke .3s ease}
#geography .arg-point:hover .arg-dot,#geography .arg-point.is-active .arg-dot{r:9;fill:#ea2f78;stroke:#fff}
#geography .arg-point.is-active .arg-pulse{animation-duration:1.7s}
#geography .arg-point text{font-size:10px;font-weight:700;fill:#4f4450;opacity:0;pointer-events:none;transition:opacity .25s ease}
#geography .arg-point:hover text,#geography .arg-point.is-active text{opacity:1}
@keyframes argPulse{0%{r:7;opacity:.65}70%{r:19;opacity:0}100%{r:19;opacity:0}}

#geography .arg-map-source{position:absolute;right:20px;bottom:17px;color:rgba(70,60,68,.42);font-size:8px;letter-spacing:.3px}
#geography .arg-map-caption{position:absolute;left:28px;bottom:25px;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px);font-size:10px;font-weight:700}
#geography .arg-live-dot{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 5px rgba(234,47,120,.12)}

#geography .arg-info{min-height:590px;padding:30px;display:flex;flex-direction:column;border-radius:32px;background:#171717;color:#fff}
#geography .arg-info-top{display:flex;justify-content:space-between;align-items:center}
#geography .arg-info-label{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;opacity:.48}
#geography .arg-info-count{font-size:10px;opacity:.48}
#geography .arg-info-main{margin:auto 0}
#geography .arg-city{margin:0;font-size:47px;line-height:1;letter-spacing:-2px;font-weight:670}
#geography .arg-address{max-width:280px;margin:17px 0 0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.55}
#geography .arg-info-contacts{display:flex;flex-direction:column;gap:7px;margin-bottom:24px}
#geography .arg-info-contacts a{font-size:13px;line-height:1.4}
#geography .arg-email{color:rgba(255,255,255,.55)!important}
#geography .arg-route{min-height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background:var(--pink);font-size:12px;font-weight:750}
#geography .arg-route svg,#geography .arg-bottom svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#geography .arg-hq-badge{margin-top:17px;display:flex;align-items:center;gap:8px;color:#ff8db8;font-size:9px;font-weight:700;opacity:0;transition:opacity .25s ease}
#geography .arg-hq-badge.is-visible{opacity:1}

#geography .arg-city-strip{margin-top:16px;display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}
#geography .arg-city-strip::-webkit-scrollbar{display:none}
#geography .arg-city-btn{flex:none;padding:10px 15px;border:1px solid rgba(0,0,0,.10);border-radius:999px;background:#fff;color:#555;font:600 11px/1 Inter,Arial,sans-serif;cursor:pointer;transition:.25s}
#geography .arg-city-btn:hover,#geography .arg-city-btn.is-active{background:#171717;color:#fff;border-color:#171717}

#geography .arg-bottom{margin-top:38px;padding-top:28px;border-top:1px solid rgba(0,0,0,.11);display:flex;align-items:center;justify-content:space-between;color:#797979;font-size:12px}
#geography .arg-bottom a{display:flex;align-items:center;gap:12px;color:#171717;font-weight:720}


/* region drill-down */

/* AROMIKA v16 — geography zoom animation */
#geography .arg-map-svg{overflow:visible}
#geography .arg-country,
#geography .arg-points{
  transform-box:fill-box;
  transform-origin:center;
}
#geography .arg-region-layer{
  overflow:visible;
}
#geography .arg-region-zoom{
  transform-box:fill-box;
  transform-origin:center;
  opacity:0;
}
#geography .arg-map-wrap.is-zooming .arg-country,
#geography .arg-map-wrap.is-zooming .arg-points{
  pointer-events:none;
}

#geography .arg-country,#geography .arg-points{transition:opacity .38s ease,transform .5s cubic-bezier(.22,1,.36,1)}
#geography .arg-region-layer{opacity:0;pointer-events:none;transition:opacity .42s ease}
#geography .arg-region-layer .arg-region-shape{fill:url(#argMapGradient);stroke:#fff;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:url(#argShadow)}
#geography .arg-region-layer .arg-region-dot{fill:#ea2f78;stroke:#fff;vector-effect:non-scaling-stroke}
#geography .arg-region-layer .arg-region-pulse{fill:rgba(234,47,120,.14);animation:argPulse 2s ease-out infinite}
#geography .arg-region-layer .arg-region-label{fill:#4f4450;font-weight:800;text-anchor:start;dominant-baseline:middle}
#geography .arg-map-wrap.is-region .arg-country,#geography .arg-map-wrap.is-region .arg-points{opacity:0;pointer-events:none}
#geography .arg-map-wrap.is-region .arg-region-layer{opacity:1}
#geography .arg-map-back{
 position:absolute;left:28px;top:24px;z-index:5;min-height:42px;padding:0 15px;display:flex;align-items:center;gap:9px;
 border:1px solid rgba(23,23,23,.10);border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);
 color:#171717;font:700 10px/1 Inter,Arial,sans-serif;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-7px);
 transition:opacity .28s,transform .28s,visibility .28s
}
#geography .arg-map-wrap.is-region .arg-map-back{opacity:1;visibility:visible;transform:translateY(0)}
#geography .arg-map-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#geography .arg-region-name{
 position:absolute;right:27px;top:25px;z-index:4;max-width:52%;padding:9px 13px;border-radius:999px;
 background:rgba(23,23,23,.88);color:#fff;font-size:10px;font-weight:750;letter-spacing:.1px;
 opacity:0;visibility:hidden;transform:translateY(-7px);transition:.28s
}
#geography .arg-map-wrap.is-region .arg-region-name{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:640px){
 #geography .arg-map-back{left:14px;top:13px;min-height:38px;padding:0 12px;font-size:9px}
 #geography .arg-region-name{right:14px;top:13px;max-width:48%;font-size:9px}
}

#geography.arg-lang-kk h2{font-size:clamp(45px,4.2vw,68px);letter-spacing:-1.8px}
#geography.arg-lang-kk h2 em{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-1.1px}

@media(max-width:960px){
 #geography.arg-section{padding:95px 0 105px}
 #geography .arg-wrap{width:calc(100% - 40px)}
 #geography .arg-head{display:block;margin-bottom:48px}
 #geography .arg-head>p{width:auto;max-width:560px;margin-top:24px}
 #geography .arg-shell{grid-template-columns:1fr}
 #geography .arg-map-wrap{min-height:500px}
 #geography .arg-info{min-height:360px}
 #geography .arg-info-main{margin:55px 0}
}
@media(max-width:640px){
 #geography.arg-section{padding:78px 0 88px}
 #geography .arg-wrap{width:calc(100% - 30px)}
 #geography .arg-kicker{margin-bottom:21px;font-size:9px}
 #geography h2{font-size:43px;line-height:1.04;letter-spacing:-1.4px}
 #geography.arg-lang-kk h2{font-size:39px;line-height:1.06;letter-spacing:-1px}
 #geography .arg-head>p{font-size:13px}
 #geography .arg-map-wrap{min-height:360px;padding:8px;border-radius:25px}
 #geography .arg-map{min-height:340px}
 #geography .arg-point text{display:none}
 #geography .arg-map-caption{left:16px;bottom:15px}
 #geography .arg-info{min-height:330px;padding:25px;border-radius:25px}
 #geography .arg-city{font-size:40px}
 #geography .arg-info-main{margin:46px 0}
 #geography .arg-bottom{align-items:flex-start;flex-direction:column;gap:18px}
}




#partners-home.arpt-section{
  --pink:#ea2f78;--ink:#171717;--paper:#f4f1ed;
  width:100%;padding:126px 0 132px;overflow:hidden;background:var(--paper);color:var(--ink);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#partners-home *,#partners-home *::before,#partners-home *::after{box-sizing:border-box}
#partners-home a{color:inherit;text-decoration:none}
#partners-home .arpt-wrap{width:min(calc(100% - 64px),1380px);margin:auto}
#partners-home .arpt-panel{
  display:grid;grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:14px;align-items:stretch;
}
#partners-home .arpt-copy{
  min-height:580px;padding:58px 58px 54px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:flex-end;
  border-radius:32px;background:#171717;color:#fff;
  box-shadow:0 20px 60px rgba(27,22,24,.06);
}
#partners-home .arpt-copy::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--pink) 0 36%,rgba(234,47,120,0) 76%);
}
#partners-home .arpt-copy::after{
  content:"B2B";position:absolute;right:-18px;top:8px;
  color:#fff;font-size:clamp(112px,10vw,164px);line-height:.9;font-weight:800;
  letter-spacing:-10px;opacity:.035;pointer-events:none;
}
#partners-home .arpt-kicker{
  position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin:0 0 auto;
  font-size:10px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;
}
#partners-home .arpt-kicker span{width:30px;height:1px;background:var(--pink)}
#partners-home h2{
  position:relative;z-index:2;margin:0;font-size:clamp(54px,4.7vw,76px);
  line-height:.98;letter-spacing:-3px;font-weight:680;
}
#partners-home h2 span,#partners-home h2 em{display:block}
#partners-home h2 em{
  margin-top:.06em;color:#f45b98;font-family:Georgia,"Times New Roman",serif;
  font-style:italic;font-weight:400;letter-spacing:-1.5px;
}
#partners-home .arpt-copy>p{
  position:relative;z-index:2;max-width:470px;margin:30px 0 0;
  color:rgba(255,255,255,.62);font-size:14px;line-height:1.75;
}
#partners-home .arpt-main-cta{
  position:relative;z-index:2;width:max-content;min-width:202px;height:54px;margin-top:34px;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  border-radius:999px;background:var(--pink);color:#fff;font-size:12px;font-weight:760;
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s;
}
#partners-home .arpt-main-cta:hover{transform:translateY(-2px);background:#dc256c;box-shadow:0 12px 28px rgba(234,47,120,.22)}
#partners-home .arpt-main-cta svg,#partners-home .arpt-arrow svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .35s;
}
#partners-home .arpt-main-cta:hover svg{transform:translateX(4px)}

#partners-home .arpt-directions{
  min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
#partners-home .arpt-card{
  min-height:283px;padding:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;
  border:1px solid rgba(23,23,23,.09);border-radius:28px;background:#fff;
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s,background .35s;
}
#partners-home .arpt-card::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--pink);
  transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,1,.36,1);
}
#partners-home .arpt-card::after{
  content:"";position:absolute;right:-62px;bottom:-76px;width:170px;height:170px;border-radius:50%;
  border:1px solid rgba(234,47,120,.09);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .35s;
}
#partners-home .arpt-card:hover{
  transform:translateY(-5px);border-color:rgba(234,47,120,.24);
  box-shadow:0 20px 48px rgba(33,23,28,.07);background:#fffefd;
}
#partners-home .arpt-card:hover::before{transform:scaleX(1)}
#partners-home .arpt-card:hover::after{transform:scale(1.08);opacity:1}
#partners-home .arpt-card-num{position:relative;z-index:2;color:#a6a1a3;font-size:10px;font-weight:800;letter-spacing:.4px}
#partners-home .arpt-card-main{position:relative;z-index:2;margin-top:auto;padding-right:42px}
#partners-home .arpt-card h3{margin:0 0 12px;font-size:25px;line-height:1.08;font-weight:650;letter-spacing:-.8px}
#partners-home .arpt-card p{max-width:310px;margin:0;color:#777173;font-size:12px;line-height:1.65}
#partners-home .arpt-arrow{
  position:absolute;z-index:3;right:24px;top:24px;width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,0,0,.12);border-radius:50%;
  transition:background .3s,color .3s,border-color .3s,transform .3s;
}
#partners-home .arpt-card:hover .arpt-arrow{background:var(--pink);color:#fff;border-color:var(--pink);transform:translateY(-1px)}
#partners-home .arpt-card:hover .arpt-arrow svg{transform:rotate(45deg)}

#partners-home.arpt-lang-kk h2{font-size:clamp(48px,4.25vw,68px);letter-spacing:-2px}
#partners-home.arpt-lang-kk h2 em{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-style:normal;font-weight:650;letter-spacing:-1.2px;
}

@media(max-width:1080px){
  #partners-home .arpt-panel{grid-template-columns:minmax(340px,.9fr) 1.1fr}
  #partners-home .arpt-copy{padding:46px;min-height:550px}
  #partners-home .arpt-card{min-height:268px;padding:26px}
  #partners-home .arpt-card h3{font-size:22px}
}
@media(max-width:860px){
  #partners-home.arpt-section{padding:96px 0 104px}
  #partners-home .arpt-wrap{width:calc(100% - 40px)}
  #partners-home .arpt-panel{grid-template-columns:1fr;gap:14px}
  #partners-home .arpt-copy{min-height:470px}
  #partners-home .arpt-directions{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  #partners-home.arpt-section{padding:78px 0 88px}
  #partners-home .arpt-wrap{width:calc(100% - 30px)}
  #partners-home .arpt-copy{min-height:420px;padding:32px 24px 26px;border-radius:27px}
  #partners-home .arpt-copy::after{font-size:104px;right:-13px;top:12px}
  #partners-home .arpt-kicker{font-size:9px}
  #partners-home h2{font-size:44px;line-height:1.02;letter-spacing:-1.6px}
  #partners-home.arpt-lang-kk h2{font-size:38px;line-height:1.06;letter-spacing:-1px}
  #partners-home .arpt-copy>p{font-size:13px;margin-top:24px}
  #partners-home .arpt-main-cta{width:100%;min-width:0;margin-top:28px}
  #partners-home .arpt-directions{grid-template-columns:1fr;gap:10px}
  #partners-home .arpt-card{min-height:190px;padding:24px;border-radius:24px}
  #partners-home .arpt-card-main{padding-right:40px}
  #partners-home .arpt-card h3{font-size:22px}
  #partners-home .arpt-arrow{right:20px;top:20px;width:39px;height:39px}
}


#where-buy-home.arwb-section{--pink:#ea2f78;--ink:#171717;overflow:hidden;padding:125px 0 120px;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#where-buy-home *,#where-buy-home *:before,#where-buy-home *:after{box-sizing:border-box}
#where-buy-home a{color:inherit;text-decoration:none}
#where-buy-home .arwb-wrap{width:min(calc(100% - 64px),1380px);margin:auto}
#where-buy-home .arwb-head{display:grid;grid-template-columns:1.15fr .55fr;gap:70px;align-items:end;margin-bottom:55px}
#where-buy-home .arwb-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#where-buy-home .arwb-kicker span{width:30px;height:1px;background:currentColor}
#where-buy-home h2{margin:0;font-size:clamp(52px,5vw,78px);line-height:.99;letter-spacing:-3px;font-weight:680}
#where-buy-home h2 span,#where-buy-home h2 em{display:block}
#where-buy-home h2 em{color:var(--pink);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-1.5px}
#where-buy-home .arwb-head>p{max-width:420px;margin:0 0 5px;color:#777;font-size:13px;line-height:1.75}
#where-buy-home .arwb-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}
#where-buy-home .arwb-main-card{min-height:530px;position:relative;overflow:hidden;padding:34px;border-radius:34px;background:#f7dce8;display:flex;flex-direction:column;justify-content:space-between;transition:transform .45s cubic-bezier(.22,1,.36,1)}
#where-buy-home .arwb-main-card:hover{transform:translateY(-7px)}
#where-buy-home .arwb-main-top{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between}
#where-buy-home .arwb-logo{width:116px;height:55px;object-fit:contain;object-position:left center}
#where-buy-home .arwb-ext,#where-buy-home .arwb-arrow{width:44px;height:44px;border:1px solid rgba(0,0,0,.14);border-radius:50%;display:flex;align-items:center;justify-content:center}
#where-buy-home .arwb-ext svg,#where-buy-home .arwb-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s}
#where-buy-home .arwb-main-card:hover .arwb-ext svg{transform:rotate(45deg)}
#where-buy-home .arwb-store-word{position:relative;z-index:2;margin:auto 0;font-size:clamp(68px,8.1vw,122px);line-height:.85;letter-spacing:-7px;font-weight:760}
#where-buy-home .arwb-store-word span{color:var(--pink)}
#where-buy-home .arwb-main-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:25px}
#where-buy-home .arwb-main-bottom small{font-size:9px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#8c6877}
#where-buy-home .arwb-main-bottom h3{margin:10px 0 0;font-size:25px;line-height:1.08;letter-spacing:-.7px}
#where-buy-home .arwb-pill{padding:16px 21px;border-radius:999px;background:var(--ink);color:white;font-size:10px;font-weight:750;white-space:nowrap}
#where-buy-home .arwb-decor{position:absolute;border-radius:50%;background:rgba(255,255,255,.35)}
#where-buy-home .arwb-decor--1{width:340px;height:340px;right:-100px;top:80px}
#where-buy-home .arwb-decor--2{width:210px;height:210px;right:160px;top:170px;background:rgba(255,255,255,.17)}
#where-buy-home .arwb-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
#where-buy-home .arwb-card{min-height:258px;position:relative;padding:28px;border-radius:30px;background:#f3f0ec;display:flex;flex-direction:column;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .35s}
#where-buy-home .arwb-card--soft{background:#eceff6}
#where-buy-home .arwb-card--kaspi{background:#f1f7fb}

#where-buy-home .arwb-card--app{background:#fff7fb}
#where-buy-home .arwb-card--app .arwb-card-icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#where-buy-home .arwb-app-actions{display:flex;flex-direction:column;gap:8px;margin-top:18px}
#where-buy-home .arwb-store-btn{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%;padding:9px 11px!important;border-radius:11px!important;
  background:#171717!important;color:#fff!important;text-decoration:none!important;
  transition:transform .25s ease,opacity .25s ease!important
}
#where-buy-home .arwb-store-btn:hover{transform:translateY(-2px);opacity:.94}
#where-buy-home .arwb-store-symbol{width:22px;flex:0 0 22px;text-align:center;font-size:17px;line-height:1}
#where-buy-home .arwb-store-btn span:last-child{display:flex;flex-direction:column;line-height:1.05}
#where-buy-home .arwb-store-btn small{margin:0!important;color:rgba(255,255,255,.62)!important;font-size:6px!important;letter-spacing:.35px!important}
#where-buy-home .arwb-store-btn b{margin-top:3px;font-size:10px;font-weight:700}

#where-buy-home .arwb-kaspi-mark{font-size:23px;font-weight:850;line-height:1;letter-spacing:-1px}

#where-buy-home .arwb-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(0,0,0,.06)}
#where-buy-home .arwb-card-icon{width:52px;height:52px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center}
#where-buy-home .arwb-card-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#where-buy-home .arwb-card-copy{margin-top:auto;padding-right:52px}
#where-buy-home .arwb-card-copy small{font-size:8px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#999}
#where-buy-home .arwb-card h3{margin:8px 0 8px;font-size:25px;line-height:1.08;letter-spacing:-.7px}
#where-buy-home .arwb-card p{max-width:260px;margin:0;color:#777;font-size:11px;line-height:1.55}
#where-buy-home .arwb-arrow{position:absolute;right:24px;top:24px;width:39px;height:39px;background:rgba(255,255,255,.45)}
#where-buy-home .arwb-card:hover .arwb-arrow{background:var(--pink);border-color:var(--pink);color:#fff}
#where-buy-home .arwb-card:hover .arwb-arrow svg{transform:rotate(45deg)}
#where-buy-home .arwb-foot{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:18px;color:#999;font-size:9px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}
#where-buy-home .arwb-foot i{width:4px;height:4px;border-radius:50%;background:var(--pink)}
#where-buy-home.arwb-lang-kk h2{font-size:clamp(48px,4.5vw,72px);letter-spacing:-2px}
#where-buy-home.arwb-lang-kk h2 em{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-style:normal;font-weight:650;letter-spacing:-1px}
@media(max-width:1000px){
 #where-buy-home .arwb-head{grid-template-columns:1fr;gap:25px}
 #where-buy-home .arwb-grid{grid-template-columns:1fr}
 #where-buy-home .arwb-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media(max-width:700px){
 #where-buy-home.arwb-section{padding:80px 0}
 #where-buy-home .arwb-wrap{width:calc(100% - 30px)}
 #where-buy-home .arwb-head{margin-bottom:35px}
 #where-buy-home h2{font-size:43px;letter-spacing:-1.5px;line-height:1.02}
 #where-buy-home.arwb-lang-kk h2{font-size:38px;line-height:1.06;letter-spacing:-1px}
 #where-buy-home .arwb-main-card{min-height:430px;padding:25px;border-radius:27px}
 #where-buy-home .arwb-store-word{font-size:58px;letter-spacing:-4px}
 #where-buy-home .arwb-main-bottom{align-items:flex-start;flex-direction:column}
 #where-buy-home .arwb-side{grid-template-columns:1fr}
 #where-buy-home .arwb-card{min-height:220px;border-radius:26px}
 #where-buy-home .arwb-foot{flex-wrap:wrap;line-height:1.5;gap:10px 13px}
}
@media(max-width:390px){#where-buy-home .arwb-store-word{font-size:50px}}



#aromika-footer.arf-footer{
  --pink:#ea2f78;--ink:#171717;
  width:100%;overflow:hidden;background:#171717;color:#fff;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#aromika-footer *,#aromika-footer *:before,#aromika-footer *:after{box-sizing:border-box}
#aromika-footer a{color:inherit;text-decoration:none}
#aromika-footer button{font:inherit}
#aromika-footer .arf-wrap{width:min(calc(100% - 64px),1380px);margin:auto}

#aromika-footer .arf-top{
  padding:76px 0 66px;display:grid;
  grid-template-columns:1.55fr repeat(4,.72fr);gap:48px;
}
#aromika-footer .arf-brand{max-width:330px}
#aromika-footer .arf-logo-link{display:inline-flex}
#aromika-footer .arf-logo{
  width:128px;height:63px;display:block;object-fit:contain;object-position:left center;
  filter:brightness(0) invert(1);
}
#aromika-footer .arf-brand p{
  max-width:300px;margin:23px 0 0;color:rgba(255,255,255,.48);
  font-size:12px;line-height:1.7;
}
#aromika-footer .arf-shop-btn{
  width:max-content;margin-top:28px;padding:14px 17px 14px 19px;
  display:flex;align-items:center;gap:20px;border-radius:999px;
  background:var(--pink);font-size:10px;font-weight:750;
}
#aromika-footer .arf-shop-btn svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;transition:transform .3s;
}
#aromika-footer .arf-shop-btn:hover svg{transform:translateX(4px)}

#aromika-footer .arf-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
#aromika-footer .arf-col-title{
  margin-bottom:10px;color:rgba(255,255,255,.35);
  font-size:8px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase;
}
#aromika-footer .arf-col a{
  position:relative;color:rgba(255,255,255,.76);
  font-size:11px;line-height:1.35;transition:color .25s,transform .25s;
}
#aromika-footer .arf-col a:hover{color:#fff;transform:translateX(3px)}

#aromika-footer .arf-contact-strip{
  min-height:118px;padding:22px 0;display:grid;
  grid-template-columns:1.2fr 1fr 1.25fr auto;align-items:center;
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
#aromika-footer .arf-contact{
  min-height:48px;padding-right:30px;display:flex;flex-direction:column;
  justify-content:center;border-right:1px solid rgba(255,255,255,.1);
}
#aromika-footer .arf-contact+ .arf-contact{padding-left:30px}
#aromika-footer .arf-contact small{
  margin-bottom:7px;color:rgba(255,255,255,.34);
  font-size:7px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
}
#aromika-footer .arf-contact b{font-size:12px;font-weight:550}
#aromika-footer a.arf-contact:hover b{color:#f45b98}

#aromika-footer .arf-lang{
  margin-left:34px;display:flex;align-items:center;gap:10px;
  padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
}
#aromika-footer .arf-lang button{
  padding:0;border:0;background:none;color:rgba(255,255,255,.4);
  cursor:pointer;font-size:9px;font-weight:800;
}
#aromika-footer .arf-lang i{width:1px;height:11px;background:rgba(255,255,255,.16)}
#aromika-footer .arf-lang button.arf-active{color:#fff}

#aromika-footer .arf-bottom{
  min-height:84px;display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;gap:30px;color:rgba(255,255,255,.32);
  font-size:8px;font-weight:650;letter-spacing:.25px;
}
#aromika-footer .arf-legal{display:flex;align-items:center;justify-content:center;gap:25px}
#aromika-footer .arf-bottom a{transition:color .25s}
#aromika-footer .arf-bottom a:hover{color:#fff}
#aromika-footer .arf-to-top{
  justify-self:end;display:flex;align-items:center;gap:9px;
}
#aromika-footer .arf-to-top svg{
  width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}

@media(max-width:1080px){
 #aromika-footer .arf-top{grid-template-columns:1.4fr repeat(2,1fr);row-gap:55px}
 #aromika-footer .arf-contact-strip{grid-template-columns:1fr 1fr}
 #aromika-footer .arf-contact{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding:20px 0!important}
 #aromika-footer .arf-lang{margin:20px 0;justify-self:start}
}
@media(max-width:700px){
 #aromika-footer .arf-wrap{width:calc(100% - 30px)}
 #aromika-footer .arf-top{padding:58px 0 48px;grid-template-columns:1fr 1fr;gap:42px 24px}
 #aromika-footer .arf-brand{grid-column:1/-1;max-width:none}
 #aromika-footer .arf-logo{width:116px}
 #aromika-footer .arf-brand p{max-width:340px}
 #aromika-footer .arf-contact-strip{grid-template-columns:1fr}
 #aromika-footer .arf-contact{padding:18px 0!important}
 #aromika-footer .arf-lang{margin:18px 0}
 #aromika-footer .arf-bottom{
   min-height:0;padding:28px 0 34px;grid-template-columns:1fr auto;gap:24px;
 }
 #aromika-footer .arf-legal{grid-column:1/-1;grid-row:1;justify-content:flex-start;flex-wrap:wrap;gap:12px 20px}
 #aromika-footer .arf-to-top{grid-column:2;grid-row:2}
}
@media(max-width:430px){
 #aromika-footer .arf-top{grid-template-columns:1fr}
 #aromika-footer .arf-brand{grid-column:auto}
}



/* ===== AROMIKA: FINAL MOBILE ADAPTATION ===== */
#aromika-onepiece-site{
  --am-pad:15px;
  width:100%;
  overflow:clip;
}
#aromika-onepiece-site,
#aromika-onepiece-site *{
  -webkit-tap-highlight-color:transparent;
}
#aromika-onepiece-site img{
  max-width:100%;
  height:auto;
}
#aromika-onepiece-site a,
#aromika-onepiece-site button{
  touch-action:manipulation;
}
#aromika-onepiece-site .am-reveal{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform;
}
#aromika-onepiece-site .am-reveal.am-visible{
  opacity:1;
  transform:none;
}

@media(max-width:768px){
  /* global rhythm */
  #products.arp-section,
  #brands.arb-section,
  #about-company.ara-section,
  #production-quality.arpq-section,
  #geography.arg-section,
  #partners-home.arpt-section,
  #where-buy-home.arwb-section{
    padding-top:72px!important;
    padding-bottom:78px!important;
  }

  #products .arp-wrap,
  #brands .arb-wrap,
  #about-company .ara-wrap,
  #production-quality .arpq-wrap,
  #geography .arg-wrap,
  #partners-home .arpt-wrap,
  #where-buy-home .arwb-wrap,
  #aromika-footer .arf-wrap{
    width:calc(100% - 30px)!important;
    max-width:none!important;
  }

  /* hero */
  #aromika-hero{
    min-height:auto!important;
  }
  #aromika-hero .ar-wrap{
    width:calc(100% - 30px)!important;
  }
  #aromika-hero .ar-header{
    height:68px!important;
  }
  #aromika-hero .ar-logo img{
    width:116px!important;
  }
  #aromika-hero .ar-copy{
    padding:46px 0 0!important;
  }
  #aromika-hero h1{
    font-size:clamp(42px,13.5vw,58px)!important;
    line-height:1.02!important;
    letter-spacing:-1.3px!important;
    max-width:100%!important;
  }
  #aromika-hero.lang-kk h1{
    font-size:clamp(39px,11.8vw,51px)!important;
    line-height:1.05!important;
    letter-spacing:-.9px!important;
  }
  #aromika-hero .ar-copy>p{
    margin-top:24px!important;
    max-width:520px!important;
    font-size:14px!important;
    line-height:1.65!important;
  }
  #aromika-hero .ar-actions{
    margin-top:28px!important;
    gap:10px!important;
  }
  #aromika-hero .ar-btn{
    min-height:52px!important;
    padding:0 18px!important;
    border-radius:15px!important;
  }
  #aromika-hero .ar-facts{
    margin-top:35px!important;
    gap:0!important;
  }
  #aromika-hero .ar-facts>div{
    margin:0!important;
    padding:0 10px!important;
  }
  #aromika-hero .ar-facts>div:first-child{padding-left:0!important}
  #aromika-hero .ar-facts>div:last-child{padding-right:0!important}
  #aromika-hero .ar-visual{
    min-height:430px!important;
    overflow:visible!important;
  }
  #aromika-hero .ar-circle{
    width:min(94vw,390px)!important;
    height:min(94vw,390px)!important;
  }
  #aromika-hero .ar-stage{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%) scale(.56)!important;
    transform-origin:center center!important;
    touch-action:pan-y!important;
  }
  #aromika-hero .ar-made{
    right:0!important;
    bottom:26px!important;
    padding:10px 13px!important;
    font-size:9px!important;
    border-radius:14px!important;
  }
  #aromika-hero .ar-menu{
    width:min(88vw,360px)!important;
    max-width:360px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  /* products */
  #products .arp-head,
  #brands .arb-head{
    margin-bottom:34px!important;
  }
  #products .arp-head h2,
  #brands .arb-head h2,
  #about-company h2,
  #production-quality .arpq-head h2,
  #geography .arg-head h2,
  #partners-home .arpt-head h2,
  #where-buy-home .arwb-head h2{
    font-size:clamp(36px,10.8vw,46px)!important;
    line-height:1.05!important;
    letter-spacing:-1.2px!important;
  }
  #products.arp-lang-kk .arp-head h2,
  #brands.arb-lang-kk .arb-head h2,
  #about-company.ara-lang-kk h2{
    font-size:clamp(34px,9.8vw,43px)!important;
  }
  #products .arp-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #products .arp-card{
    min-height:230px!important;
    padding:22px!important;
    border-radius:22px!important;
  }
  #products .arp-icon{
    width:90px!important;
    height:90px!important;
  }
  #products .arp-icon svg{
    width:52px!important;
    height:52px!important;
  }
  #products .arp-copy h3{
    font-size:24px!important;
  }

  /* brands: one card per row, products stay readable */
  #brands .arb-grid--top,
  #brands .arb-grid--bottom{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #brands .arb-grid--bottom .arb-card:last-child{
    grid-column:auto!important;
  }
  #brands .arb-card,
  #brands .arb-card--small{
    min-height:390px!important;
    border-radius:24px!important;
  }
  #brands .arb-card__text{
    max-width:56%!important;
    padding:24px!important;
  }
  #brands .arb-card__text--antibak{
    max-width:56%!important;
  }
  #brands .arb-product{
    max-height:330px!important;
    object-fit:contain!important;
  }

  /* about */
  #about-company .ara-grid{
    gap:24px!important;
  }
  #about-company .ara-year-card{
    min-height:320px!important;
    border-radius:24px!important;
  }
  #about-company .ara-year{
    font-size:clamp(92px,31vw,136px)!important;
  }
  #about-company .ara-stats{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  #about-company .ara-stat{
    min-height:145px!important;
    padding:20px!important;
    border-radius:20px!important;
  }
  #about-company .ara-process-line{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:18px!important;
  }
  #about-company .ara-process-line>i{
    display:none!important;
  }
  #about-company .ara-process-item{
    min-width:0!important;
    width:100%!important;
    padding-bottom:16px!important;
    border-bottom:1px solid #dedede!important;
  }

  /* production */
  #production-quality .arpq-stage{
    min-height:auto!important;
    padding:34px 18px!important;
    border-radius:24px!important;
  }
  #production-quality .arpq-flow{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
  #production-quality .arpq-step{
    min-height:145px!important;
    padding:18px!important;
    border-radius:18px!important;
  }
  #production-quality .arpq-core{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin:18px auto 26px!important;
  }

  /* geography */
  #geography .arg-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  #geography .arg-map-card,
  #geography .arg-info{
    border-radius:22px!important;
  }
  #geography .arg-map-card{
    min-height:390px!important;
    padding:12px!important;
  }
  #geography .arg-map-shell{
    min-height:330px!important;
  }
  #geography .arg-cities{
    display:flex!important;
    overflow-x:auto!important;
    gap:8px!important;
    padding:4px 0 9px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #geography .arg-cities::-webkit-scrollbar{display:none!important}
  #geography .arg-city{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  /* partners */
  #partners-home .arpt-stage{
    min-height:auto!important;
    padding:32px 18px!important;
    border-radius:24px!important;
  }
  #partners-home .arpt-orbit{
    min-height:330px!important;
    transform:scale(.92)!important;
    transform-origin:center center!important;
  }
  #partners-home .arpt-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #partners-home .arpt-card{
    min-height:120px!important;
    border-radius:18px!important;
  }

  /* where to buy */
  #where-buy-home .arwb-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  #where-buy-home .arwb-main-card{
    grid-column:auto!important;
    min-height:330px!important;
  }
  #where-buy-home .arwb-card{
    min-height:220px!important;
    border-radius:22px!important;
  }
  #where-buy-home .arwb-store-word{
    font-size:clamp(46px,16vw,70px)!important;
  }
  #where-buy-home .arwb-app-actions{
    flex-direction:row!important;
  }
  #where-buy-home .arwb-store-btn{
    flex:1 1 0!important;
    min-width:0!important;
  }

  /* footer */
  #aromika-footer .arf-top{
    grid-template-columns:1fr 1fr!important;
    gap:34px 20px!important;
    padding:54px 0 42px!important;
  }
  #aromika-footer .arf-brand{
    grid-column:1/-1!important;
  }
  #aromika-footer .arf-contact-strip{
    grid-template-columns:1fr!important;
  }
  #aromika-footer .arf-contact{
    border-right:0!important;
    padding:17px 0!important;
  }
  #aromika-footer .arf-contact+.arf-contact{
    padding-left:0!important;
  }
  #aromika-footer .arf-lang{
    margin:17px 0!important;
  }
}

@media(max-width:480px){
  #aromika-hero .ar-visual{min-height:390px!important}
  #aromika-hero .ar-stage{transform:translate(-50%,-50%) scale(.50)!important}
  #aromika-hero .ar-made{bottom:18px!important}
  #aromika-hero .ar-facts b{font-size:20px!important}
  #aromika-hero .ar-facts span{font-size:8px!important}

  #products .arp-card{min-height:210px!important}
  #brands .arb-card,
  #brands .arb-card--small{min-height:350px!important}
  #brands .arb-card__text{max-width:60%!important;padding:20px!important}
  #brands .arb-brand--perfect,
  #brands .arb-brand--wash,
  #brands .arb-brand--maxi,
  #brands .arb-brand--prachka,
  #brands .arb-brand--antibak{
    font-size:34px!important;
    letter-spacing:-1.5px!important;
  }
  #brands .arb-brand--maxi strong{font-size:39px!important}
  #about-company .ara-stats{grid-template-columns:1fr!important}
  #production-quality .arpq-flow{grid-template-columns:1fr!important}
  #geography .arg-map-card{min-height:330px!important}
  #geography .arg-map-shell{min-height:280px!important}
  #partners-home .arpt-orbit{min-height:290px!important;transform:scale(.80)!important}
  #where-buy-home .arwb-app-actions{flex-direction:column!important}
  #aromika-footer .arf-top{grid-template-columns:1fr!important}
  #aromika-footer .arf-brand{grid-column:auto!important}
}

@media(prefers-reduced-motion:reduce){
  #aromika-onepiece-site *,
  #aromika-onepiece-site *::before,
  #aromika-onepiece-site *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  #aromika-onepiece-site .am-reveal{
    opacity:1!important;
    transform:none!important;
  }
}



/* Header navigation hover / active pills */
#aromika-hero .ar-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  transition:
    background-color .25s ease,
    color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
}
#aromika-hero .ar-nav a:hover{
  background:rgba(255,255,255,.92);
  color:#171717!important;
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(18,18,18,.08);
}
#aromika-hero .ar-nav a:focus-visible{
  outline:none;
  background:#fff;
  color:#171717!important;
  box-shadow:0 0 0 3px rgba(234,47,120,.18);
}
#aromika-hero .ar-nav a:active{
  transform:translateY(0) scale(.98);
}

/* Pink purchase CTA stays visually distinct */
#aromika-hero .ar-nav a.ar-shop,
#aromika-hero .ar-nav a[class*="shop"]{
  background:#ea2f78;
  color:#fff!important;
}
#aromika-hero .ar-nav a.ar-shop:hover,
#aromika-hero .ar-nav a[class*="shop"]:hover{
  background:#d92368;
  color:#fff!important;
  box-shadow:0 9px 26px rgba(234,47,120,.22);
}

/* Mobile menu gets larger touch pills instead of desktop hover */
@media(max-width:980px){
  #aromika-hero .ar-nav a{
    min-height:46px;
    padding:0 16px;
  }
  #aromika-hero .ar-menu a{
    border-radius:14px;
    transition:background-color .22s ease,color .22s ease,transform .22s ease;
  }
  #aromika-hero .ar-menu a:hover,
  #aromika-hero .ar-menu a:active{
    background:rgba(234,47,120,.08);
    color:#ea2f78!important;
  }
}



/* One-piece Tilda compatibility */
#aromika-onepiece-site{width:100%;max-width:100%;overflow:hidden}
#aromika-onepiece-site img{max-width:100%}
#aromika-onepiece-site a{-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}


/* AROMIKA geography: emphasize the currently selected city */
#geography .arg-point{
  transform-box: fill-box;
  transform-origin: center;
}
#geography .arg-point .arg-dot,
#geography .arg-point .arg-pulse{
  transform-box: fill-box;
  transform-origin: center;
  transition: transform .28s cubic-bezier(.2,.8,.2,1), stroke-width .28s ease, opacity .28s ease;
}
#geography .arg-point.is-active .arg-dot{
  transform: scale(1.38);
}
#geography .arg-point.is-active .arg-pulse{
  transform: scale(1.24);
}
@media(max-width:768px){
  #geography .arg-point.is-active .arg-dot{transform:scale(1.48)}
  #geography .arg-point.is-active .arg-pulse{transform:scale(1.30)}
}
@media(prefers-reduced-motion:reduce){
  #geography .arg-point .arg-dot,
  #geography .arg-point .arg-pulse{transition:none}
}


/* AROMIKA v8 — Kaspi card in Kaspi-red visual language */
#where-buy-home .arwb-card--kaspi{
  background:#f14635;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 10px 30px rgba(241,70,53,.08);
}
#where-buy-home .arwb-card--kaspi::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0) 42%);
}
#where-buy-home .arwb-card--kaspi .arwb-card-icon{
  position:relative;
  z-index:2;
  background:#fff;
  color:#f14635;
  box-shadow:0 8px 22px rgba(120,20,12,.13);
}
#where-buy-home .arwb-card--kaspi .arwb-kaspi-mark{
  color:#f14635;
  font-weight:900;
}
#where-buy-home .arwb-card--kaspi .arwb-card-copy{
  position:relative;
  z-index:2;
}
#where-buy-home .arwb-card--kaspi .arwb-card-copy small{
  color:rgba(255,255,255,.66);
}
#where-buy-home .arwb-card--kaspi .arwb-card-copy h3{
  color:#fff;
}
#where-buy-home .arwb-card--kaspi .arwb-card-copy p{
  color:rgba(255,255,255,.78);
}
#where-buy-home .arwb-card--kaspi .arwb-arrow{
  z-index:3;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  color:#fff;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
#where-buy-home .arwb-card--kaspi:hover{
  background:#e93e2e;
  box-shadow:0 22px 52px rgba(241,70,53,.22);
}
#where-buy-home .arwb-card--kaspi:hover .arwb-arrow{
  background:#fff;
  color:#f14635;
  border-color:#fff;
}


/* AROMIKA v10 — official Kaspi.kz logo */
#where-buy-home .arwb-card--kaspi .arwb-kaspi-logo{
  position:relative;
  z-index:3;
  width:max-content;
  min-width:132px;
  height:48px;
  padding:9px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 24px rgba(118,25,17,.14);
}
#where-buy-home .arwb-card--kaspi .arwb-kaspi-logo img{
  display:block;
  width:112px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
#where-buy-home .arwb-card--kaspi:hover .arwb-kaspi-logo{
  transform:translateY(-1px);
  box-shadow:0 11px 28px rgba(118,25,17,.17);
}
#where-buy-home .arwb-card--kaspi .arwb-kaspi-logo{
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;
}
@media(max-width:640px){
  #where-buy-home .arwb-card--kaspi .arwb-kaspi-logo{
    min-width:120px;
    height:44px;
    padding:8px 13px;
    border-radius:14px;
  }
  #where-buy-home .arwb-card--kaspi .arwb-kaspi-logo img{width:102px}
}


/* AROMIKA v17 — normalize region and republican-city map size */
#geography .arg-region-layer{
  clip-path:inset(0 round 24px);
}
#geography .arg-region-layer .arg-region-shape{
  vector-effect:non-scaling-stroke;
}


/* ===== AROMIKA v20: THEME + MOBILE QA ===== */
html[data-aromika-theme="light"]{color-scheme:light}
html[data-aromika-theme="dark"]{color-scheme:dark;background:#0d0e11}
html[data-aromika-theme="dark"] body,
html[data-aromika-theme="dark"] #allrecords{background:#0d0e11!important}

/* Theme control: compact icon button, similar to common GitHub/Vercel-style header controls */
#aromika-hero .ar-theme-toggle{
  flex:0 0 42px;width:42px;height:42px;margin-left:14px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;position:relative;
  border:1px solid rgba(23,23,23,.11);border-radius:50%;background:rgba(255,255,255,.62);
  color:#171717;cursor:pointer;transition:background .28s,border-color .28s,color .28s,transform .28s,box-shadow .28s;
}
#aromika-hero .ar-theme-toggle:hover{transform:translateY(-1px);background:#fff;box-shadow:0 8px 24px rgba(18,18,18,.07)}
#aromika-hero .ar-theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(234,47,120,.2)}
#aromika-hero .ar-theme-icon{position:absolute;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:opacity .24s,transform .34s cubic-bezier(.22,1,.36,1)}
#aromika-hero .ar-theme-sun{opacity:0;transform:scale(.68) rotate(-28deg)}
#aromika-hero .ar-theme-moon{opacity:1;transform:scale(1) rotate(0)}
html[data-aromika-theme="dark"] #aromika-hero .ar-theme-sun{opacity:1;transform:scale(1) rotate(0)}
html[data-aromika-theme="dark"] #aromika-hero .ar-theme-moon{opacity:0;transform:scale(.68) rotate(28deg)}
#aromika-hero .ar-shop{margin-left:12px}

/* Smooth theme changes without animating layout */
#aromika-hero,#aromika-hero .ar-header,#aromika-hero .ar-hero,#aromika-hero .ar-menu,
#products.arp-section,#brands.arb-section,#about-company.arc-section,#geography.arg-section,
#partners-home.arpt-section,#where-buy-home.arwb-section,
#products .arp-card,#about-company .arc-stats article,#about-company .arc-process article,
#geography .arg-map-wrap,#geography .arg-city-btn,#partners-home .arpt-card,#where-buy-home .arwb-card{
  transition-property:background-color,border-color,color,box-shadow,transform;
  transition-duration:.32s;
  transition-timing-function:ease;
}

/* DARK: Hero */
html[data-aromika-theme="dark"] #aromika-hero{--ink:#f5f5f6;--line:rgba(255,255,255,.09);background:#0d0e11;color:#f5f5f6}
html[data-aromika-theme="dark"] #aromika-hero .ar-header{background:rgba(13,14,17,.94);border-color:rgba(255,255,255,.09)}
html[data-aromika-theme="dark"] #aromika-hero .ar-logo img{filter:brightness(0) invert(1)}
html[data-aromika-theme="dark"] #aromika-hero .ar-nav a{color:#f1f1f2}
html[data-aromika-theme="dark"] #aromika-hero .ar-nav a:hover{background:#202228;color:#fff!important;box-shadow:none}
html[data-aromika-theme="dark"] #aromika-hero .ar-lang button,
html[data-aromika-theme="dark"] #aromika-hero .ar-menu-lang button{color:#fff}
html[data-aromika-theme="dark"] #aromika-hero .ar-theme-toggle{background:#191b20;border-color:rgba(255,255,255,.12);color:#f5f5f6}
html[data-aromika-theme="dark"] #aromika-hero .ar-theme-toggle:hover{background:#22242a;box-shadow:none}
html[data-aromika-theme="dark"] #aromika-hero .ar-shop{background:#ea2f78;color:#fff}
html[data-aromika-theme="dark"] #aromika-hero .ar-burger span{background:#fff}
html[data-aromika-theme="dark"] #aromika-hero .ar-menu{background:#111216;color:#fff}
html[data-aromika-theme="dark"] #aromika-hero .ar-overlay{background:rgba(0,0,0,.58)}
html[data-aromika-theme="dark"] #aromika-hero .ar-hero{background:linear-gradient(115deg,#0d0e11 0%,#0f1014 50%,#17131d 100%)}
html[data-aromika-theme="dark"] #aromika-hero .ar-copy>p{color:#a9abb1}
html[data-aromika-theme="dark"] #aromika-hero .ar-btn-light{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.055);color:#f5f5f6}
html[data-aromika-theme="dark"] #aromika-hero .ar-facts>div{border-color:rgba(255,255,255,.12)}
html[data-aromika-theme="dark"] #aromika-hero .ar-facts small{color:#8f929a}
html[data-aromika-theme="dark"] #aromika-hero .ar-circle{background:linear-gradient(145deg,#3b1727,#28203f)}
html[data-aromika-theme="dark"] #aromika-hero .ar-made{background:rgba(24,25,30,.84);color:#f5f5f6;box-shadow:0 15px 40px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}

/* DARK: Categories */
html[data-aromika-theme="dark"] #products.arp-section{--arp-ink:#f5f5f6;background:#0f1013;color:#f5f5f6}
html[data-aromika-theme="dark"] #products .arp-head>p{color:#a1a3aa}
html[data-aromika-theme="dark"] #products .arp-kicker span{background:#f5f5f6}
html[data-aromika-theme="dark"] #products .arp-card{background:#181a1f;border-color:rgba(255,255,255,.08);color:#f5f5f6}
html[data-aromika-theme="dark"] #products .arp-card:hover{background:#1e2026;border-color:rgba(234,47,120,.38);box-shadow:0 18px 46px rgba(0,0,0,.22)}
html[data-aromika-theme="dark"] #products .arp-num{color:#7f828a}
html[data-aromika-theme="dark"] #products .arp-copy p{color:#a4a6ad}
html[data-aromika-theme="dark"] #products .arp-arrow{border-color:rgba(255,255,255,.14);color:#f4f4f5}
html[data-aromika-theme="dark"] #products .arp-card--all{background:#ea2f78;border-color:#ea2f78;color:#fff}
html[data-aromika-theme="dark"] #products .arp-card--all:hover{background:#d92368;border-color:#d92368}

/* DARK: Brands */
html[data-aromika-theme="dark"] #brands.arb-section{--arb-ink:#f5f5f6;background:#121317;color:#f5f5f6}
html[data-aromika-theme="dark"] #brands .arb-head h2 em{color:#777a82}
html[data-aromika-theme="dark"] #brands .arb-head>p{color:#a1a3aa}
html[data-aromika-theme="dark"] #brands .arb-card--perfect{background:radial-gradient(circle at 74% 35%,rgba(255,255,255,.10),transparent 24%),linear-gradient(145deg,#4d1637 0%,#792049 48%,#a82c5d 100%)}
html[data-aromika-theme="dark"] #brands .arb-card--wash{color:#e8f6ff;background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.08),transparent 27%),linear-gradient(145deg,#102538 0%,#164664 50%,#176988 100%)}
html[data-aromika-theme="dark"] #brands .arb-card--maxi{color:#ffe7ef;background:linear-gradient(145deg,#342028 0%,#5d2a3c 48%,#82384d 100%)}
html[data-aromika-theme="dark"] #brands .arb-card--prachka{color:#ffe9ef;background:radial-gradient(circle at 75% 32%,rgba(255,255,255,.07),transparent 24%),linear-gradient(145deg,#352128 0%,#633044 53%,#8f4059 100%)}
html[data-aromika-theme="dark"] #brands .arb-card--antibak{color:#e7fbff;background:radial-gradient(circle at 76% 25%,rgba(255,255,255,.08),transparent 25%),linear-gradient(145deg,#12333d 0%,#165966 48%,#197984 100%)}
html[data-aromika-theme="dark"] #brands .arb-card:hover{box-shadow:0 28px 80px rgba(0,0,0,.28)}

/* DARK: About + production */
html[data-aromika-theme="dark"] #about-company.arc-section{--ink:#f5f5f6;background:#101115;color:#f5f5f6}
html[data-aromika-theme="dark"] #about-company .arc-kicker span{background:#f5f5f6}
html[data-aromika-theme="dark"] #about-company .arc-head-side>p,
html[data-aromika-theme="dark"] #about-company .arc-stats p,
html[data-aromika-theme="dark"] #about-company .arc-process p,
html[data-aromika-theme="dark"] #about-company .arc-bottom p{color:#a1a3aa}
html[data-aromika-theme="dark"] #about-company .arc-more{border-color:rgba(255,255,255,.55)}
html[data-aromika-theme="dark"] #about-company .arc-passport{background:#08090b}
html[data-aromika-theme="dark"] #about-company .arc-stats article,
html[data-aromika-theme="dark"] #about-company .arc-process article{background:#181a1f;border-color:rgba(255,255,255,.08)}
html[data-aromika-theme="dark"] #about-company .arc-process article:hover{border-color:rgba(234,47,120,.34);box-shadow:0 18px 46px rgba(0,0,0,.2)}
html[data-aromika-theme="dark"] #about-company .arc-bottom{border-color:rgba(255,255,255,.09)}

/* DARK: Geography */
html[data-aromika-theme="dark"] #geography.arg-section{--ink:#f5f5f6;--muted:#a1a3aa;background:#0f1013;color:#f5f5f6}
html[data-aromika-theme="dark"] #geography .arg-head>p{color:#a1a3aa}
html[data-aromika-theme="dark"] #geography .arg-map-wrap{background:#181a1f}
html[data-aromika-theme="dark"] #geography .arg-point text,
html[data-aromika-theme="dark"] #geography .arg-region-layer .arg-region-label{fill:#e9eaed}
html[data-aromika-theme="dark"] #geography .arg-map-source{color:rgba(255,255,255,.38)}
html[data-aromika-theme="dark"] #geography .arg-map-caption,
html[data-aromika-theme="dark"] #geography .arg-map-back{background:rgba(24,26,31,.84);border-color:rgba(255,255,255,.10);color:#f5f5f6}
html[data-aromika-theme="dark"] #geography .arg-info{background:#07080a}
html[data-aromika-theme="dark"] #geography .arg-city-btn{background:#181a1f;border-color:rgba(255,255,255,.10);color:#aeb0b6}
html[data-aromika-theme="dark"] #geography .arg-city-btn:hover,
html[data-aromika-theme="dark"] #geography .arg-city-btn.is-active{background:#ea2f78;border-color:#ea2f78;color:#fff}
html[data-aromika-theme="dark"] #geography .arg-bottom{border-color:rgba(255,255,255,.09);color:#95979e}
html[data-aromika-theme="dark"] #geography .arg-bottom a{color:#f5f5f6}

/* DARK: Partners */
html[data-aromika-theme="dark"] #partners-home.arpt-section{--ink:#f5f5f6;--paper:#101115;background:#101115;color:#f5f5f6}
html[data-aromika-theme="dark"] #partners-home .arpt-copy{background:#08090b}
html[data-aromika-theme="dark"] #partners-home .arpt-card{background:#181a1f;border-color:rgba(255,255,255,.08)}
html[data-aromika-theme="dark"] #partners-home .arpt-card:hover{background:#1e2026;border-color:rgba(234,47,120,.34);box-shadow:0 20px 48px rgba(0,0,0,.22)}
html[data-aromika-theme="dark"] #partners-home .arpt-card p{color:#a1a3aa}
html[data-aromika-theme="dark"] #partners-home .arpt-card-num{color:#7f828a}
html[data-aromika-theme="dark"] #partners-home .arpt-arrow{border-color:rgba(255,255,255,.14)}

/* DARK: Where to buy */
html[data-aromika-theme="dark"] #where-buy-home.arwb-section{--ink:#f5f5f6;background:#0f1013;color:#f5f5f6}
html[data-aromika-theme="dark"] #where-buy-home .arwb-head>p{color:#a1a3aa}
html[data-aromika-theme="dark"] #where-buy-home .arwb-main-card{background:linear-gradient(145deg,#4b1c32,#7a2850)}
html[data-aromika-theme="dark"] #where-buy-home .arwb-logo{filter:brightness(0) invert(1)}
html[data-aromika-theme="dark"] #where-buy-home .arwb-main-bottom small{color:rgba(255,255,255,.58)}
html[data-aromika-theme="dark"] #where-buy-home .arwb-pill{background:#fff;color:#171717}
html[data-aromika-theme="dark"] #where-buy-home .arwb-card:not(.arwb-card--kaspi){background:#181a1f;color:#f5f5f6}
html[data-aromika-theme="dark"] #where-buy-home .arwb-card:not(.arwb-card--kaspi) .arwb-card-icon{background:#22242a;color:#f5f5f6}
html[data-aromika-theme="dark"] #where-buy-home .arwb-card:not(.arwb-card--kaspi) .arwb-card-copy small{color:#858891}
html[data-aromika-theme="dark"] #where-buy-home .arwb-card:not(.arwb-card--kaspi) p{color:#a1a3aa}
html[data-aromika-theme="dark"] #where-buy-home .arwb-card:not(.arwb-card--kaspi) .arwb-arrow{background:#22242a;border-color:rgba(255,255,255,.12)}
html[data-aromika-theme="dark"] #where-buy-home .arwb-foot{color:#858891}

/* Footer is already a dark surface; deepen it slightly in night mode */
html[data-aromika-theme="dark"] #aromika-footer.arf-footer{background:#090a0c}

/* iPhone / compact phones: repair category grid overwritten by the legacy mobile patch. */
@media(max-width:768px){
  #aromika-hero .ar-theme-toggle{margin-left:auto;flex-basis:40px;width:40px;height:40px}
  #aromika-hero .ar-burger{margin-left:7px!important}

  #products .arp-card{
    min-height:168px!important;padding:19px 17px!important;
    display:grid!important;grid-template-columns:24px 52px minmax(0,1fr) 38px!important;
    gap:10px!important;align-items:center!important;
  }
  #products .arp-num{align-self:start!important;padding-top:4px!important}
  #products .arp-icon{width:52px!important;height:52px!important;border-radius:15px!important}
  #products .arp-icon svg{width:30px!important;height:30px!important}
  #products .arp-copy{min-width:0!important;padding-right:0!important}
  #products .arp-copy h3{font-size:20px!important;line-height:1.08!important;margin:0 0 7px!important;letter-spacing:-.55px!important}
  #products .arp-copy p{max-width:none!important;font-size:11px!important;line-height:1.5!important;overflow-wrap:anywhere!important}
  #products .arp-arrow{width:38px!important;height:38px!important;position:static!important}
  #products .arp-card--all{min-height:168px!important}
}
@media(max-width:480px){
  #products .arp-head h2{font-size:40px!important;line-height:1.05!important}
  #products.arp-lang-kk .arp-head h2{font-size:36px!important}
  #products .arp-card{
    min-height:158px!important;padding:18px 15px!important;
    grid-template-columns:22px 48px minmax(0,1fr) 35px!important;gap:9px!important;
  }
  #products .arp-icon{width:48px!important;height:48px!important;border-radius:14px!important}
  #products .arp-icon svg{width:28px!important;height:28px!important}
  #products .arp-copy h3{font-size:19px!important}
  #products .arp-copy p{font-size:10.7px!important;line-height:1.48!important}
  #products .arp-arrow{width:35px!important;height:35px!important}
  #products .arp-card--all{min-height:158px!important}
}
@media(max-width:360px){
  #products .arp-card{padding:16px 13px!important;grid-template-columns:20px 44px minmax(0,1fr) 32px!important;gap:8px!important}
  #products .arp-icon{width:44px!important;height:44px!important}
  #products .arp-copy h3{font-size:17px!important}
  #products .arp-copy p{font-size:10px!important}
  #products .arp-arrow{width:32px!important;height:32px!important}
}

@media(prefers-reduced-motion:reduce){
  #aromika-hero .ar-theme-icon{transition:none!important}
}


/* AROMIKA v21 — dark-mode city labels on geography map */
html[data-aromika-theme="dark"] #geography .arg-map-svg text,
html[data-aromika-theme="dark"] #geography .arg-point text,
html[data-aromika-theme="dark"] #geography .arg-region-layer text,
html[data-aromika-theme="dark"] #geography .arg-region-label{
  fill:#f3f4f6 !important;
  color:#f3f4f6 !important;
}
html[data-aromika-theme="dark"] #geography .arg-region-name,
html[data-aromika-theme="dark"] #geography .arg-city{
  color:#fff !important;
}
html[data-aromika-theme="dark"] #geography .arg-point text{
  text-shadow:0 1px 5px rgba(0,0,0,.35);
}


/* AROMIKA v22 — Careers item in header */
#aromika-hero .ar-nav{
  gap:clamp(8px,1.15vw,18px);
}
#aromika-hero .ar-nav a{
  white-space:nowrap;
}
@media(max-width:1280px) and (min-width:981px){
  #aromika-hero .ar-nav{gap:6px}
  #aromika-hero .ar-nav a{
    padding-left:10px;
    padding-right:10px;
    font-size:11px;
  }
}
@media(max-width:1120px) and (min-width:981px){
  #aromika-hero .ar-nav a{
    padding-left:8px;
    padding-right:8px;
    font-size:10px;
  }
}


/* AROMIKA HOME v23 — final shared header lock */
#aromika-hero .ar-header,
#aromika-hero .ar-header *{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
#aromika-hero .ar-nav{
  gap:clamp(8px,1.15vw,18px);
}
#aromika-hero .ar-nav a{
  white-space:nowrap;
}
@media(max-width:1280px) and (min-width:981px){
  #aromika-hero .ar-nav{gap:6px}
  #aromika-hero .ar-nav a{
    padding-left:10px;
    padding-right:10px;
    font-size:11px;
  }
}
@media(max-width:1120px) and (min-width:981px){
  #aromika-hero .ar-nav a{
    padding-left:8px;
    padding-right:8px;
    font-size:10px;
  }
}