:root{--g1:linear-gradient(135deg,#d4a373,#f0cf9f)}
.card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;backdrop-filter:blur(10px);transition:transform .35s,box-shadow .35s,border-color .35s}
.card:hover{transform:translateY(-4px);border-color:rgba(212,163,115,.55)!important;box-shadow:0 22px 50px rgba(0,0,0,.35)}
.btn{transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(212,163,115,.25)}
.primary{background:var(--g1)!important}
h1,h2{letter-spacing:-.02em}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
.tg-cta{max-width:1000px;margin:48px auto;padding:34px 28px;text-align:center;border:1px solid rgba(212,163,115,.35);border-radius:22px;background:radial-gradient(120% 140% at 50% 0,rgba(42,171,238,.18),rgba(17,34,64,.6))}
.tg-cta h2{margin:0 0 10px;font-size:28px}.tg-cta p{max-width:620px;margin:0 auto 20px;color:#c8d2e1}
.tg-cta .buttons{justify-content:center}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
:focus-visible{outline:2px solid #d4a373;outline-offset:2px}
/* stretched */
.service{position:relative;display:flex;flex-direction:column}
.service a{color:inherit;text-decoration:none}
.service a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
.service .more{margin-top:auto;padding-top:12px;font-weight:700;font-size:14px;color:#d4a373}
.service:focus-within{outline:2px solid #d4a373;outline-offset:3px}
.service:hover .more{text-decoration:underline}
img,video,svg{max-width:100%}
h1,h2,h3,p,li,a,td{overflow-wrap:break-word}
.proc-block ol{padding-left:20px}
.consent-note{margin-top:10px}

.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}

#gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
#gallery-grid figure{margin:0;aspect-ratio:3/4;overflow:hidden;border-radius:14px;border:1px solid #233554;background:#0d1b33}
#gallery-grid a{display:block;height:100%}
#gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
#gallery-grid a:hover img,#gallery-grid a:focus-visible img{transform:scale(1.04)}
.lb{position:fixed;inset:0;z-index:100;background:rgba(3,9,20,.94);display:flex;align-items:center;justify-content:center}
.lb img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:10px}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}
.lb button:hover,.lb button:focus-visible{background:#d4a373;color:#071325}
.lb-x{top:14px;right:14px}.lb-p{left:12px;top:50%}.lb-n{right:12px;top:50%}
@media(max-width:560px){#gallery-grid{grid-template-columns:repeat(2,1fr);gap:8px}}

/* ===== STANDARD HEADER (same on every page) ===== */
html{scroll-padding-top:84px}
header.nav{position:sticky;top:0;z-index:50;background:rgba(7,19,37,.94)!important;backdrop-filter:saturate(160%) blur(16px)!important;border-bottom:1px solid #233554}
header.nav .navin{display:flex;align-items:center;justify-content:flex-start;gap:14px;min-height:64px;flex-wrap:nowrap;box-sizing:border-box;width:min(1160px,calc(100% - 28px));max-width:none;margin:0 auto;padding:0}
header.nav .brand{flex:0 0 auto;display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;white-space:nowrap}
header.nav .brand img{width:40px;height:40px;display:block}
header.nav .links{display:flex;flex:1 1 auto;justify-content:center;align-items:center;gap:2px;font-size:14px;min-width:0}
header.nav .links a{padding:9px 11px;border-radius:9px;white-space:nowrap;color:#c8d2e1;text-decoration:none}
header.nav .links a:hover{color:#f0cf9f;background:rgba(255,255,255,.07)}
header.nav .links a[aria-current]{color:#071325;background:linear-gradient(135deg,#d4a373,#f0cf9f);font-weight:700}
header.nav .lang{flex:0 0 auto;display:flex;gap:4px}
header.nav .lang a{padding:6px 8px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;color:#c8d2e1;border:1px solid #233554}
header.nav .lang a.active{background:#d4a373;color:#071325;border-color:#d4a373}
header.nav .menu-btn{display:none;width:44px;height:44px;border:1px solid #233554;border-radius:10px;background:transparent;cursor:pointer;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}
header.nav .menu-btn span{display:block;width:20px;height:2px;background:#f0cf9f;transition:transform .2s,opacity .2s}
header.nav .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.nav .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
header.nav .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1080px){
header.nav .navin{flex-wrap:wrap;row-gap:0}
header.nav .links{display:none;order:9;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 12px}
header.nav .links.open{display:flex}
header.nav .links a{padding:13px 6px;border-radius:0;border-top:1px solid #233554;font-size:16px}
header.nav .links a[aria-current]{background:none;color:#f0cf9f}
header.nav .lang{margin-left:auto}
header.nav .menu-btn{display:inline-flex}}
@media(max-width:480px){header.nav .navin{gap:6px;width:calc(100% - 24px)}header.nav .brand{font-size:14px;gap:6px}header.nav .brand img{width:32px;height:32px}header.nav .lang{gap:3px}header.nav .lang a{padding:5px 5px;font-size:12px}header.nav .menu-btn{width:42px;height:42px}}
@media(max-width:340px){header.nav .brand span{display:none}}
@media(max-width:360px){header.nav .navin{gap:6px;width:calc(100% - 20px)}header.nav .brand{font-size:13px;gap:6px}header.nav .brand img{width:30px;height:30px}header.nav .lang{gap:2px}header.nav .lang a{padding:4px 5px;font-size:11px}header.nav .menu-btn{width:38px;height:38px}}

/* ===== TELEGRAM BUTTON (same on every page, never blocks content) ===== */
body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
.tg-float{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:max(14px,env(safe-area-inset-bottom,0px));z-index:40;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#229ed9;box-shadow:0 6px 18px rgba(0,0,0,.35);opacity:.95;transition:transform .25s,opacity .25s}
.tg-float svg{width:24px;height:24px;fill:#fff}
.tg-float:hover,.tg-float:focus-visible{opacity:1;transform:scale(1.06)}
.tg-float.tg-hide{transform:translateY(90px);opacity:0;pointer-events:none}