/* ============================================================
   VELVET EDITORIAL — Anna Vilinskaya
   Design system: Deep Plum + Warm Caramel + Ivory
   Typefaces: Cormorant Garamond (display) + Inter (body)
   ============================================================ */

:root {
  --ve-bg: #1a1520;
  --ve-bg-card: #211b28;
  --ve-bg-card-hover: #28212f;
  --ve-bg-nav: rgba(26,21,32,0.85);
  --ve-bg-nav-scroll: rgba(20,16,26,0.95);
  --ve-accent: #c2a08a;
  --ve-accent-warm: #d4a574;
  --ve-accent-light: #f0e6dc;
  --ve-text: #ece4db;
  --ve-text-muted: rgba(236,228,219,0.55);
  --ve-text-dim: rgba(236,228,219,0.35);
  --ve-border: rgba(194,160,138,0.15);
  --ve-border-hover: rgba(194,160,138,0.35);
  --ve-glow: rgba(194,160,138,0.08);
  --ve-shadow: rgba(0,0,0,0.3);
  --ve-font-display: 'Cormorant Garamond', 'Georgia', serif;
  --ve-font-body: 'Inter', 'Helvetica Neue', sans-serif;
  --ve-radius: 2px;
  --ve-transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
body, html {
  background-color: var(--ve-bg) !important;
  color: var(--ve-text) !important;
  font-family: var(--ve-font-body) !important;
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--ve-bg); }
::-webkit-scrollbar-thumb { background: var(--ve-accent); border-radius: 2px; }
::selection { background: rgba(194,160,138,0.25); color: var(--ve-accent-light); }
.t-rec,.t-rec .t396__artboard,.t-rec .t396__carrier,.t-rec .t396__filter,.t396__artboard { background-color: var(--ve-bg) !important; }
.tn-atom { font-family: var(--ve-font-body) !important; color: var(--ve-text) !important; font-weight: 300 !important; }
.tn-atom b, .tn-atom strong { font-weight: 400 !important; font-style: italic !important; color: var(--ve-accent-light) !important; }/* NAV */
#rec907456114 { position: fixed !important; top: 0; left: 0; right: 0; z-index: 9990 !important; }
#rec907456114 .t396__artboard { background: var(--ve-bg-nav) !important; backdrop-filter: blur(24px) saturate(1.4) !important; -webkit-backdrop-filter: blur(24px) saturate(1.4) !important; border-bottom: 1px solid var(--ve-border) !important; transition: background var(--ve-transition), box-shadow var(--ve-transition) !important; }
#rec907456114 .tn-atom { text-transform: uppercase !important; font-size: 11px !important; letter-spacing: 0.2em !important; font-weight: 400 !important; color: var(--ve-text-muted) !important; transition: color var(--ve-transition) !important; }
#rec907456114 .tn-atom:hover { color: var(--ve-accent-light) !important; }
/* HERO */
#rec907456117 .t396__artboard, #rec907456117 .t396__carrier { background-color: var(--ve-bg) !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441787"] { display: block !important; z-index: 1 !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441787"] .tn-atom { background: linear-gradient(100deg, var(--ve-bg) 0%, var(--ve-bg) 35%, rgba(26,21,32,0.7) 55%, transparent 100%) !important; opacity: 0.95 !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441783"] { z-index: 3 !important; transform: rotate(-1deg) !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441783"] .tn-atom { box-shadow: -20px 20px 60px rgba(0,0,0,0.4) !important; border-radius: 3px !important; }
#rec907456117 .tn-elem[data-elem-type="text"], #rec907456117 .tn-elem[data-elem-type="button"] { z-index: 5 !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441856"] { z-index: 6 !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441856"] .tn-atom { font-family: var(--ve-font-display) !important; font-style: italic !important; color: var(--ve-accent) !important; }
#rec907456117 .tn-elem[data-elem-id="1738668441761"], #rec907456117 .tn-elem[data-elem-id="1738668441789"] { z-index: 5 !important; }
#rec907456117 .tn-elem { opacity: 1 !important; visibility: visible !important; }/* BUTTONS */
#rec907456117 .tn-elem[data-elem-id="1738668925645"] .tn-atom { background: transparent !important; background-image: none !important; border: 2px solid var(--ve-accent) !important; color: var(--ve-accent-light) !important; border-radius: 2px !important; font-family: var(--ve-font-body) !important; font-weight: 500 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; transition: all var(--ve-transition) !important; }
#rec907456117 .tn-elem[data-elem-id="1738668925645"] .tn-atom:hover { background: var(--ve-accent) !important; color: var(--ve-bg) !important; }
#rec907456117 .tn-elem[data-elem-id="1738668800121"] .tn-atom { background: transparent !important; background-image: none !important; border: none !important; border-radius: 0 !important; color: var(--ve-accent-light) !important; font-weight: 300 !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; border-bottom: 1px solid var(--ve-accent) !important; padding-bottom: 4px !important; transition: all var(--ve-transition) !important; }
#rec907456117 .tn-elem[data-elem-id="1738668800121"] .tn-atom:hover { color: var(--ve-accent) !important; }
/* ALL BUTTONS global */
.t396 .tn-atom[href*="tinkoff"], .t396 .tn-atom[style*="background-image: linear-gradient"] { background: transparent !important; background-image: none !important; border: 2px solid var(--ve-accent) !important; color: var(--ve-accent-light) !important; border-radius: 2px !important; font-family: var(--ve-font-body) !important; font-weight: 500 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; transition: all var(--ve-transition) !important; }
.t396 .tn-atom[href*="tinkoff"]:hover, .t396 .tn-atom[style*="background-image: linear-gradient"]:hover { background: var(--ve-accent) !important; color: var(--ve-bg) !important; transform: translateY(-1px) !important; box-shadow: 0 8px 30px var(--ve-glow) !important; }/* CARDS */
.t396 .tn-elem[data-elem-type="shape"] .tn-atom { background-color: var(--ve-bg-card) !important; border: none !important; border-top: 1px solid var(--ve-border) !important; border-radius: 2px !important; transition: all var(--ve-transition) !important; }
.t396 .tn-elem[data-elem-type="shape"]:hover .tn-atom { background-color: var(--ve-bg-card-hover) !important; box-shadow: 0 0 50px var(--ve-glow) !important; }
/* PRICING */
#rec907456132 .tn-elem[data-elem-type="shape"] .tn-atom { border-left: 3px solid transparent !important; }
#rec907456132 .tn-elem[data-elem-type="shape"]:nth-of-type(2) .tn-atom, #rec907456132 .tn-elem[data-elem-type="shape"]:nth-of-type(3) .tn-atom { border-left-color: var(--ve-accent) !important; background-color: rgba(194,160,138,0.05) !important; }
#rec907456132 .tn-elem[data-elem-type="shape"]:hover .tn-atom { border-top-color: var(--ve-accent) !important; transform: translateY(-3px); }
/* PHOTOS */
#rec907456126 .tn-elem[data-elem-type="image"] .tn-atom { border-radius: 3px !important; overflow: hidden !important; transition: all 0.5s ease !important; }
#rec907456126 .tn-elem[data-elem-type="image"]:hover .tn-atom { box-shadow: 0 12px 40px var(--ve-shadow) !important; transform: translateY(-4px) !important; }
#rec907456126 .tn-elem[data-elem-type="image"] .tn-atom__img { transition: transform 0.6s ease !important; }
#rec907456126 .tn-elem[data-elem-type="image"]:hover .tn-atom__img { transform: scale(1.03) !important; }
/* FAQ */
#rec907456138 .tn-elem[data-elem-type="shape"] .tn-atom { background-color: transparent !important; border: none !important; border-bottom: 1px solid var(--ve-border) !important; border-radius: 0 !important; border-top: none !important; }
#rec907456138 .tn-elem[data-elem-type="shape"]:hover .tn-atom { background-color: rgba(194,160,138,0.03) !important; border-bottom-color: var(--ve-accent) !important; box-shadow: none !important; }
#rec907456138 .tn-elem[data-elem-type="text"] .tn-atom { font-family: var(--ve-font-display) !important; font-style: italic !important; }
/* DIVIDERS */
.t-rec + .t-rec::before { content: ''; display: block; width: 120px; height: 1px; margin: 0 auto; background: linear-gradient(90deg, transparent, var(--ve-accent), transparent); opacity: 0.3; }
/* PROGRESS BAR */
.ve-scroll-progress { position: fixed; top: 0; right: 0; width: 3px; height: 0%; background: linear-gradient(180deg, var(--ve-accent-warm), var(--ve-accent)); z-index: 9999; border-radius: 0 0 2px 2px; }
/* REVEAL */
.ve-reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1); }
.ve-reveal.ve-visible { opacity: 1; transform: translateY(0); }
/* RESPONSIVE */
@media screen and (max-width: 960px) { #rec907456117 .tn-elem[data-elem-id="1738668441783"] { transform: none !important; } .t-rec + .t-rec::before { width: 80px; } }
@media screen and (max-width: 640px) { #rec907456114 .tn-atom { font-size: 10px !important; letter-spacing: 0.12em !important; } #rec907456117 .tn-elem[data-elem-id="1738668441783"] { transform: none !important; } #rec907456117 .tn-elem[data-elem-id="1738668441783"] .tn-atom { box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important; } .t-rec + .t-rec::before { width: 60px; } }/* FIX: Nav KUPIT button - force outlined */
#rec907456114 .tn-elem[data-elem-type="button"] .tn-atom {
  background: transparent !important;
  background-image: none !important;
  border: 1.5px solid var(--ve-accent) !important;
  color: var(--ve-accent-light) !important;
  border-radius: 24px !important;
}
#rec907456114 .tn-elem[data-elem-type="button"] .tn-atom:hover {
  background: var(--ve-accent) !important;
  color: var(--ve-bg) !important;
}
/* FIX: Hero Priniat uchastie button - ensure text visible */
#rec907456117 .tn-elem[data-elem-id="1738668925645"] .tn-atom .tn-atom__button-text {
  color: var(--ve-accent-light) !important;
}
#rec907456117 .tn-elem[data-elem-id="1738668925645"] .tn-atom:hover .tn-atom__button-text {
  color: var(--ve-bg) !important;
}
/* ALL buttons elem type - outlined */
.t396 .tn-elem[data-elem-type="button"] .tn-atom {
  background: transparent !important;
  background-image: none !important;
  border: 2px solid var(--ve-accent) !important;
  color: var(--ve-accent-light) !important;
  font-family: var(--ve-font-body) !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  transition: all var(--ve-transition) !important;
}
.t396 .tn-elem[data-elem-type="button"] .tn-atom:hover {
  background: var(--ve-accent) !important;
  color: var(--ve-bg) !important;
}
.t396 .tn-elem[data-elem-type="button"] .tn-atom .tn-atom__button-text {
  color: inherit !important;
}