@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700;800&display=swap');

:root {
  --navy:#1e2c53; --deep:#101f3b; --blue:#167bc0; --teal:#00aeb1;
  --fuchsia:#c00c79; --paper:#fff; --muted:#60718b; --line:#e3e9f0;
  --surface:#f5f7fa; --radius:14px; --shadow:0 10px 25px rgba(30,44,83,.08);
}
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { background:var(--paper)!important; color:var(--navy)!important; font-family:'Geologica',Arial,sans-serif!important; }
body *,body *::before,body *::after { box-sizing:border-box; }
body a { text-decoration:none; }
[hidden] { display:none!important; }
body > header.site-header {
  background:#fff!important; color:var(--navy)!important; padding:0 4%!important;
  border-bottom:1px solid #e9edf2; box-shadow:0 3px 18px rgba(17,40,67,.05);
  position:relative; z-index:20;
}
.site-header .site-nav {
  max-width:1380px; width:100%; margin:auto; min-height:78px;
  display:grid; grid-template-columns:minmax(240px,1fr) auto minmax(260px,1fr);
  gap:24px; align-items:center; 
}
.site-header .brandmarks { display:flex; gap:18px; align-items:center; min-width:0; }
.site-header .brandmarks a { display:inline-flex; align-items:center; flex:0 1 auto; min-width:0; }
.site-header .brandmarks img { display:block; height:43px; width:auto; max-width:156px; object-fit:contain; }
.site-header .brandmarks .oceanhd-logo { max-width:142px; }
.site-header .brand-separator { height:38px; width:1px; flex-shrink:0; background:#b6c6d8; }
.site-header .nav-links { display:flex; align-items:center; justify-content:center; gap:30px; white-space:nowrap; }
.site-header .nav-links a,.site-header nav .menu a {
  color:var(--navy)!important; font-size:14px; font-weight:500; transition:color .2s;
}
.site-header .nav-links a:hover,.site-header nav .menu a:hover { color:var(--fuchsia)!important; }
.site-header .nav-catalog { position:relative; }
.site-header .nav-catalog summary {
  color:var(--navy); font-size:14px; font-weight:500; cursor:pointer;
  list-style:none; user-select:none; white-space:nowrap;
}
.site-header .nav-catalog summary::-webkit-details-marker { display:none; }
.site-header .nav-catalog summary span { color:var(--fuchsia); padding-left:3px; }
.site-header .nav-catalog summary:hover { color:var(--fuchsia); }
.site-header .nav-catalog-menu {
  position:absolute; top:calc(100% + 16px); left:-16px;
  width:max-content; min-width:215px; max-width:320px; display:flex;
  flex-direction:column; gap:0; padding:9px; z-index:30;
  border:1px solid #e2e8ee; border-radius:12px; background:white;
  box-shadow:0 15px 30px rgba(16,31,59,.15);
}
.site-header .nav-catalog:not([open]) .nav-catalog-menu { display:none; }
.site-header .nav-catalog-menu a {
  padding:10px 12px; border-radius:7px; font-size:13px!important;
  white-space:normal; font-weight:400!important;
}
.site-header .nav-catalog-menu a:hover { background:#f6f0f7; }
.site-header .site-actions.menu {
  display:flex; justify-content:flex-end; align-items:center; gap:20px;
  min-width:0; font-size:14px;
}
.site-header .site-search {
  background:#f1f3f7; color:var(--navy); border-radius:100px;
  padding:0 14px; display:flex; align-items:center; gap:9px;
  min-width:0; width:min(270px,100%); height:39px; margin:0;
}
.site-header .site-search svg { flex:none; width:18px; height:18px; }
.site-header .search-submit {
  display:grid; place-items:center; background:transparent; color:var(--navy);
  border:0; border-radius:50%; padding:2px; cursor:pointer; flex:none;
}
.site-header .search-submit:hover { color:var(--fuchsia); }

.site-header .site-search input {
  flex:1; min-width:0; width:100%; border:0; outline:0;
  background:transparent; font:400 12px 'Geologica',Arial,sans-serif;
  color:var(--navy);
}
.site-header .site-search input::placeholder { color:#8997a9; }
.site-header .site-search:focus-within { outline:2px solid #a5dbe0; }
.site-header .global-cart-link {
  display:inline-flex!important; align-items:center; gap:9px!important;
  padding:5px 0!important; margin:0!important; font-size:14px!important;
  color:var(--navy)!important; position:relative; white-space:nowrap;
  text-decoration:none; font-weight:500!important;
}
.site-header .global-cart-link .cart-icon { width:23px; height:23px; display:block; }
.site-header .global-cart-link .cart-icon svg { width:100%; height:100%; }
.site-header .global-cart-link .cart-badge {
  position:absolute; top:-3px; right:-10px; border-radius:999px;
  min-width:18px; height:18px; padding:0 4px; display:grid; place-items:center;
  background:var(--fuchsia); color:#fff; font:600 11px 'Geologica',sans-serif;
}
.site-header .global-cart-link .cart-badge[data-empty="true"] { display:none; }
.site-header :is(a,button,input):focus-visible {
  outline:2px solid var(--fuchsia)!important; outline-offset:4px!important;
}
.site-header .mobile-label { display:none; }

body .hero-button,body .telegram-button,body .checkout-button {
  background:var(--fuchsia)!important; color:white!important;
  border-radius:999px; border:0; font-weight:700;
}
body .hero-button:hover,body .telegram-button:not(:disabled):hover {
  background:#a50868!important; transform:translateY(-1px);
}
body .telegram-button:disabled,body .add-button:disabled {
  background:#aab5bd!important; cursor:not-allowed; transform:none!important;
}
body .add-button:not(:disabled):hover { background:#a50868!important; }
body .secondary-button,body .chat-link { border-radius:10px; }
.site-footer .footer-brand { padding:4px 8px; border-radius:9px; background:rgba(255,255,255,.95); }
body .hero-button { display:inline-flex; justify-content:center; align-items:center; gap:14px; padding:14px 27px; margin-top:10px; }
.home-page .hero {
  position:relative; min-height:440px; color:white!important; text-align:left!important;
  padding:85px max(4%,calc((100vw - 1340px)/2)) 72px!important;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(0,19,40,.94) 0%,rgba(0,25,48,.68) 31%,rgba(0,30,57,.06) 78%),
    url("/media/whale-hero-hd.svg"),
    url("/media/whale-from-mockup.svg")!important;
  background-color:#042846!important;
  background-repeat:no-repeat!important;
  background-size:cover,cover,cover!important;
  background-position:center,center 46%,center 46%!important;
}
.home-page .hero::after {
  content:""; position:absolute; inset:auto 0 0; height:4px;
  background:linear-gradient(90deg,var(--fuchsia) 0 11%,transparent 11% 100%); opacity:.85;
}
.home-page .hero-inner { position:relative; z-index:1; max-width:1300px; margin:auto; }
.home-page .hero h1 {
  max-width:530px; margin:0 0 15px; font-size:clamp(41px,5.1vw,76px);
  font-weight:800; line-height:1.05; letter-spacing:-.05em; color:#fff;
}
.home-page .hero p {
  max-width:425px; margin:0 0 11px; color:#e5f0f5!important;
  font-size:clamp(15px,1.5vw,18px); line-height:1.65;
}
.home-page .hero-kicker {
  display:inline-block; font-size:11px; text-transform:uppercase; letter-spacing:.2em;
  font-weight:600; margin-bottom:14px; color:#92e0e6;
}
.home-page .hero-sign {
  position:absolute; right:max(4%,calc((100vw - 1300px)/2));
  bottom:75px; text-align:right; color:white; font-weight:700;
  font-size:12px; letter-spacing:.07em; line-height:1.45;
  text-shadow:0 2px 10px rgba(0,0,0,.4);
}
.home-page .hero-sign::after { content:""; display:block; background:var(--fuchsia); height:4px; width:36px; margin:10px 0 0 auto; }
.home-page main {
  max-width:1440px!important; width:100%; margin:0 auto; padding:48px 4% 90px!important;
}
.home-page .section-title {
  color:var(--navy); font-size:clamp(26px,2.2vw,36px)!important; font-weight:800;
  letter-spacing:-.035em; margin:0 0 13px;
}
.home-page .section-head { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-bottom:18px; }
.home-page .section-head .section-title { margin:0; }
.home-page .section-side-link { color:var(--fuchsia); font-size:13px; font-weight:600; }
.home-page .section-description { color:var(--muted); font-size:14px; margin:4px 0 20px; }
.home-page .categories#categories {
  display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
.home-page #categories .category {
  height:230px; position:relative; box-shadow:none!important; border-radius:12px;
  overflow:hidden; background:#07395c;
}
.home-page #categories .category-cover { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; overflow:hidden; }
.home-page #categories .category-cover img { object-fit:cover!important; filter:saturate(.93); }
.home-page #categories .category-cover::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,transparent 34%,rgba(0,17,38,.85) 100%);
}
.home-page #categories .category-info {
  position:absolute; z-index:2; bottom:0; left:0; width:100%;
  padding:18px 18px 19px; color:white; display:flex; align-items:flex-end;
  justify-content:space-between; gap:10px;
}
.home-page #categories .category-info h3 { font-size:clamp(14px,1.3vw,18px)!important; line-height:1.3; color:white; margin:0; max-width:190px; }
.home-page #categories .category-info .count,
.home-page #categories .category-info p { display:none; }
.home-page #categories .open-category {
  margin:0; width:33px; height:33px; border:1px solid rgba(255,255,255,.8);
  color:white; font-size:0; border-radius:50%; flex:none; display:grid; place-items:center;
}
.home-page #categories .open-category::after { content:"→"; font-size:18px; }
.home-page #categories .fallback {
  background:radial-gradient(ellipse at 60% 80%,#178abe 0%,transparent 64%),
  repeating-radial-gradient(ellipse at 80% 110%,transparent 0 20px,rgba(138,214,238,.13) 21px 22px),
  linear-gradient(135deg,#102b53,#045b80); height:100%;
}
.home-page #categories .category:hover,.home-page .showcase .category:hover {
  transform:translateY(-4px); box-shadow:0 12px 25px rgba(30,44,83,.14)!important;
}
.home-page .showcase { margin-top:46px; }
.home-page .showcase .categories {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;
  gap:14px!important;
}
.home-page .showcase .category {
  background:white; display:flex; flex-direction:column;
  min-width:0; border-radius:12px; overflow:hidden;
  border:1px solid var(--line); box-shadow:none;
}
.home-page .showcase .category-cover {
  background:#f2f5f7; aspect-ratio:1.25 / 1; width:100%;
}
.home-page .showcase .category-cover img { object-fit:contain; }
.home-page .showcase .fallback { font-size:15px; color:var(--muted); background:linear-gradient(120deg,#e5f2f8,#f4f6fb); }
.home-page .showcase .category-info { padding:13px 13px 17px; display:flex; flex-direction:column; gap:9px; }
.home-page .showcase .category-info h3:first-child { font-size:14px!important; line-height:1.35; font-weight:500; margin:0; }
.home-page .showcase .category-info h3:nth-child(2) { font-size:17px!important; font-weight:800; margin:0; }
.home-page .showcase .open-category { color:var(--fuchsia); font-size:12px; font-weight:600; margin:0; }
.home-page #featured .categories { grid-template-columns:repeat(auto-fit,minmax(270px,1fr))!important; }
.home-page #featured .category { min-height:220px; position:relative; }
.home-page #featured .category-cover { aspect-ratio:auto; min-height:220px; }
.home-page #featured .category-cover::after {
  content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,30,58,.72),transparent 70%);
}
.home-page #featured .category-info {
  position:absolute; bottom:0; left:0; right:0; color:#fff; z-index:2;
}
.home-page #featured .category-info h3:first-child { color:#fff; font-size:17px!important; font-weight:700; }
.home-page #featured .category-info h3:nth-child(2) { color:#fff; }
.home-page #featured .open-category { color:#f7a5d8; }
.home-page .about {
  margin-top:58px; padding:32px 38px; border-radius:18px;
  background:linear-gradient(115deg,#eaf6f8,#eff3f9)!important;
}
.home-page .about h2 { font-size:23px; margin:0 0 12px; }
.home-page .about p { max-width:740px; color:#50627c; line-height:1.75; margin:0; font-size:14px; }

body:not(.home-page) .hero {
  background:linear-gradient(118deg,#0f244a,#11458f)!important;
  color:#fff; padding:45px 20px 50px; text-align:center;
}
body:not(.home-page) main { width:100%; }
body:not(.home-page) :is(.card,.item,.checkout,.total,.product) {
  border-color:var(--line); box-shadow:0 6px 20px rgba(30,44,83,.05);
}
body:not(.home-page) :is(.card,.item,.checkout,.total) { border-radius:var(--radius); }
body:not(.home-page) .card:hover { box-shadow:var(--shadow); }
body:not(.home-page) :is(.price,.details h1,h1) { color:var(--navy); }
body:not(.home-page) .hero h1 { color:white; }
body:not(.home-page) .open-product { color:var(--fuchsia); }
body:not(.home-page) .size.selected { background:var(--navy); border-color:var(--navy); }
body:not(.home-page) .thumbnails button.active { border-color:var(--fuchsia); }
body:not(.home-page) :is(.add-button,.buy-button,.checkout-primary,button.primary-button) { background:var(--fuchsia); color:white; }
body:not(.home-page) .card img { background:#f6f8fb; }
body:not(.home-page) .category-promo { color:var(--muted); }
.search-results { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:20px; }
.search-results .card { background:#fff; border:1px solid var(--line); border-radius:14px; overflow:hidden; display:block; }
.search-results img { width:100%; aspect-ratio:1; object-fit:contain; display:block; background:#f3f5f8; }
.search-results .info { padding:16px; }
.search-results .info h3 { font-size:17px; margin:0 0 12px; }
.search-results .price { margin:0; font-size:20px; }
.search-results .search-fallback { aspect-ratio:1; display:grid; place-items:center; background:#edf6f8; color:var(--muted); }
.search-results .open-product { margin-top:12px; color:var(--fuchsia); font-size:13px; }

.site-footer {
  background:linear-gradient(160deg,#111f3e,#071b35 65%,#073251)!important;
  position:relative; overflow:hidden; color:#dceaf7!important;
  padding:34px 4% 28px!important; text-align:left!important;
}
.site-footer::before {
  content:""; position:absolute; right:-14%; bottom:-155px; width:100%; height:280px;
  border:2px solid rgba(73,162,210,.18); border-radius:50%; transform:rotate(-8deg);
  box-shadow:0 -30px 0 -2px rgba(56,140,190,.07),0 -62px 0 -4px rgba(56,140,190,.05);
}
.site-footer .footer-content {
  max-width:1380px; margin:auto; display:flex!important; align-items:center;
  justify-content:space-between; flex-wrap:wrap; gap:25px; position:relative; z-index:1;
}
.site-footer .footer-brand {
  display:flex; grid-column:auto!important; align-items:center; gap:12px;
}
.site-footer .footer-brand img { height:34px; width:auto; max-width:133px; object-fit:contain; }
.site-footer .footer-brand .oceanhd-logo { max-width:123px; }
.site-footer .footer-brand .brand-separator { height:30px; width:1px; background:#7898b5; }
.site-footer .footer-links { display:flex; align-items:center; gap:28px; }
.site-footer .footer-links a { color:#dceaf7; font-size:13px; }
.site-footer .footer-links a:hover { color:#f8a8d9; }
.site-footer .footer-socials { display:flex; align-items:center; gap:10px; }
.site-footer .social-placeholder {
  width:30px; height:30px; border-radius:8px; border:1px solid #7f9cba;
  display:grid; place-items:center; color:#f0f6fc; font-size:13px;
  font-weight:700; cursor:default;
}
.site-footer .social-placeholder svg { width:16px; height:16px; }
.site-footer .footer-note { font-size:11px; color:#a2bed2; line-height:1.65; }
.site-footer .footer-developers { margin-left:auto; color:#7c9eaf; font-size:11px; }
.site-footer .footer-developers:hover { color:white; }
.site-footer .footer-contacts { display:block; color:#b8d1e2; font-size:12px; margin-top:11px; }

/* Коррекция подвала: логотипы без светлой плашки, ссылки по центру */
.site-footer .footer-brand {
  background:transparent!important;
  padding:0!important;
  border-radius:0!important;
  justify-self:start;
  min-width:0;
}
.site-footer .footer-brand img {
  mix-blend-mode:screen;
  filter:grayscale(1) invert(1) brightness(1.55);
  height:35px;
  max-width:130px;
  object-fit:contain;
}
.site-footer .footer-brand .oceanhd-logo {
  height:36px;
  max-width:128px;
}
.site-footer .footer-brand .brand-separator {
  background:rgba(220,234,247,.38);
}
.site-footer .footer-content {
  display:grid!important;
  grid-template-columns:minmax(235px,1fr) minmax(330px,1.7fr) minmax(225px,1fr);
  column-gap:22px; row-gap:10px;
  justify-content:space-between;
  align-items:center;
}
.site-footer .footer-center {
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
  text-align:center;
  min-width:0;
}
.site-footer .footer-links,
.site-footer .footer-socials { justify-content:center; align-items:center; }
.site-footer .footer-links { gap:20px; }
.site-footer .footer-socials { gap:9px; }
.site-footer .footer-note {
  text-align:right;
  justify-self:end;
}
.site-footer .footer-developers {
  grid-column:1/-1;
  justify-self:end;
  margin:0;
  padding-top:3px;
  font-size:11px;
}
@media (max-width:1100px) {
  .site-footer .footer-content {
    grid-template-columns:1fr 1fr;
  }
  .site-footer .footer-brand { grid-column:1; }
  .site-footer .footer-center { grid-column:2; justify-content:center; }
  .site-footer .footer-note { grid-column:1/-1; justify-self:center; text-align:center; }
  .site-footer .footer-developers { grid-column:1/-1; }
}
@media (max-width:650px) {
  .site-footer .footer-content { grid-template-columns:1fr!important; row-gap:20px; }
  .site-footer .footer-brand,
  .site-footer .footer-center,
  .site-footer .footer-note,
  .site-footer .footer-developers {
    grid-column:1!important;
    justify-self:center!important;
  }
  .site-footer .footer-center { flex-direction:column; gap:18px; }
  .site-footer .footer-note { text-align:center!important; }
}

@media (max-width:1100px) {
 .site-header .site-nav { grid-template-columns:1fr auto; row-gap:10px; padding:11px 0; }
 .site-header .nav-links { grid-row:2; grid-column:1/-1; justify-content:center; }
 .site-header .site-actions.menu { grid-column:2; grid-row:1; }
 .site-header .brandmarks img { height:37px; }
 .home-page .categories#categories { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
}
@media (max-width:650px) {
 .site-header .site-nav { display:flex; flex-wrap:wrap; gap:12px; min-height:0; padding:12px 0; }
 .site-header .brandmarks { gap:9px; flex:1 1 100%; }
 .site-header .brandmarks img { height:31px; max-width:120px; }
 .site-header .brandmarks .oceanhd-logo { width:120px; height:auto; max-width:none; }
 .site-header .brand-separator { height:29px; }
 .site-header .nav-links { order:2; margin-right:auto; gap:18px; }
 .site-header .site-actions.menu { order:3; gap:6px; }
 .site-header .site-search { flex:none; width:155px; height:34px; padding:0 10px; }
 .site-header .site-search input { font-size:11px; }
 .site-header .global-cart-link .cart-word { display:none; }
 .site-header .global-cart-link { margin-left:6px!important; }
 .home-page .hero { min-height:395px; padding:64px 20px 65px!important; background-position:center,58% center,58% center!important; }
 .home-page .hero h1 { font-size:46px; }
 .home-page .hero p { max-width:335px; }
 .home-page .hero-sign { display:none; }
 .home-page main { padding:31px 16px 62px!important; }
 .home-page .categories#categories { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:11px!important; }
 .home-page #categories .category { height:165px; }
 .home-page #categories .category-info { padding:12px; }
 .home-page #categories .category-info h3 { font-size:14px!important; }
 .home-page #categories .open-category { width:28px; height:28px; }
 .home-page .showcase .categories { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 .home-page #featured .categories { grid-template-columns:1fr!important; }
 .home-page .section-side-link { display:none; }
 .home-page .about { padding:22px; }
 .site-footer .footer-content { justify-content:center; text-align:center; }
 .site-footer .footer-developers { margin:auto; }
}


/* Коррекция по дизайну: реальные цвета логотипов, прозрачная подложка */
.site-footer .footer-brand img,
.site-footer .footer-brand .oceanhd-logo {
  filter:drop-shadow(0 0 2px rgba(255,255,255,.22))!important;
  mix-blend-mode:normal!important;
}
.site-footer .footer-meta {
  justify-self:end;
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:4px;
  min-width:0;
}
.site-footer .footer-meta .footer-note {
  justify-self:auto;
  text-align:right;
  margin:0;
}
.site-footer .footer-meta .footer-developers {
  display:inline-block;
  grid-column:auto;
  justify-self:auto;
  align-self:flex-end;
  margin:0;
  padding:2px 0;
  font-size:9px!important;
  font-weight:400;
  letter-spacing:.01em;
  color:#98b6ca;
  opacity:.65;
  text-decoration:none;
}
.site-footer .footer-meta .footer-developers:hover {
  opacity:1;
  color:#fff;
  text-decoration:underline;
}
.page-back-nav {
  margin:0 0 24px;
  line-height:1.5;
}
.page-back-nav .quiet-back {
  display:inline-flex;
  align-items:center;
  width:fit-content;
  color:#536e89;
  background:#f2f6f9;
  border:1px solid #dce6ee;
  border-radius:999px;
  text-decoration:none;
  font-size:14px;
  font-weight:500;
  padding:9px 15px;
  transition:color .15s ease,background .15s ease,border-color .15s ease;
}
.page-back-nav .quiet-back:hover,
.page-back-nav .quiet-back:focus-visible {
  color:#c00c79;
  background:#fdf3f9;
  border-color:#eec9df;
}
.page-back-nav .quiet-back:focus-visible {
  outline:2px solid #c00c79; outline-offset:4px;
}
@media (max-width:1100px) {
  .site-footer .footer-meta {
    grid-column:1/-1;
    justify-self:end;
  }
  .site-footer .footer-meta .footer-note {text-align:right;}
}
@media (max-width:650px) {
  .site-footer .footer-meta {
    grid-column:1!important;
    justify-self:center!important;
    text-align:center;
    align-items:center;
  }
  .site-footer .footer-meta .footer-note {text-align:center!important;}
  .site-footer .footer-meta .footer-developers {align-self:center;}
}


/* Соцсети: выбор страницы клуба или телеканала при наведении/тапе. */
.site-footer {
  overflow:visible!important;
  z-index:5;
}
.site-footer::before {
  /* Декоративные волны остаются внутри подвала и не создают прокрутку. */
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  pointer-events:none;
}
.site-footer .footer-socials {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
}
.site-footer .social-dropdown {
  position:relative;
  flex:0 0 auto;
}
.site-footer .social-dropdown::before {
  content:"";
  position:absolute;
  left:-7px;
  right:-7px;
  bottom:100%;
  height:12px;
}
.site-footer .social-trigger {
  width:32px;
  height:32px;
  padding:0;
  border:1px solid #7f9cba;
  border-radius:9px;
  background:transparent;
  color:#f0f6fc;
  font:700 13px 'Geologica',Arial,sans-serif;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.site-footer .social-trigger svg { width:17px; height:17px; }
.site-footer .social-trigger:hover,
.site-footer .social-dropdown.is-open .social-trigger {
  background:#18466c;
  border-color:#a6d7e6;
}
.site-footer .social-trigger:focus-visible {
  outline:2px solid #f0a5d0;
  outline-offset:3px;
}
.site-footer .social-popup {
  position:absolute;
  left:50%;
  bottom:calc(100% + 10px);
  width:230px;
  max-width:calc(100vw - 26px);
  transform:translate(-50%,5px);
  padding:9px;
  background:#fff;
  color:#1e2c53;
  border:1px solid #dfe7f0;
  border-radius:12px;
  box-shadow:0 14px 40px rgba(5,23,42,.25);
  text-align:left;
  z-index:80;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transition:opacity .13s ease,transform .13s ease,visibility .13s;
}
.site-footer .social-popup-title {
  display:block;
  padding:6px 10px 8px;
  font:600 11px 'Geologica',Arial,sans-serif;
  color:#657e94;
  letter-spacing:.03em;
}
.site-footer .social-popup a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:11px 10px;
  border-radius:8px;
  color:#1e2c53;
  font:500 12px 'Geologica',Arial,sans-serif;
  line-height:1.35;
  text-decoration:none;
  white-space:normal;
}
.site-footer .social-popup a:hover,
.site-footer .social-popup a:focus-visible {
  color:#c00c79;
  background:#fbedf6;
}
.site-footer .social-popup a span {
  color:#c00c79;
  font-size:15px;
}
.site-footer .social-dropdown.is-open .social-popup,
.site-footer .social-dropdown:focus-within .social-popup {
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,0);
}
@media (hover:hover) and (pointer:fine) {
  .site-footer .social-dropdown:hover .social-popup {
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
}
@media (max-width:650px) {
  .site-footer .social-popup { width:210px; }
}