/* ============================================================
AK Mobile Polish — tablet + mobile (≤ 768px)
Additive only. Does not change desktop layout.
============================================================ */
@media (max-width: 768px) {
/* ---------- Kill horizontal overflow ---------- */
html, body { overflow-x: hidden; max-width: 100vw; }
/* Elementor containers with desktop-sized margins/padding overflow
at 375px. Normalize gutter on mobile. */
body .elementor-section,
body .elementor-container,
body .e-con,
body .e-con-full,
body .e-con-boxed {
max-width: 100% !important;
}
body .e-con.e-parent,
body .e-con-full.e-parent,
body .e-con-boxed.e-parent {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
/* Specific offenders on homepage (captured in audit). */
.elementor-element-01d256a,
.elementor-element-4f7cf74 {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* Any image/video that might break out. */
body img, body video, body iframe, body svg {
max-width: 100%;
height: auto;
}
/* Force tables to wrap / scroll horizontally inside their own box
rather than pushing the page wider. */
body table {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* ---------- Typography ---------- */
body h1, body .elementor-heading-title[class*="h1"] {
font-size: clamp(28px, 7.2vw, 36px) !important;
line-height: 1.15 !important;
letter-spacing: -0.01em;
}
body h2 {
font-size: clamp(22px, 5.6vw, 28px) !important;
line-height: 1.2 !important;
}
body h3 { font-size: clamp(18px, 4.8vw, 22px) !important; line-height: 1.3 !important; }
body h4 { font-size: clamp(16px, 4.2vw, 20px) !important; }
body p, body li { font-size: 16px; line-height: 1.55; }
/* Hero title should take the full column on mobile. */
body h1 {
max-width: 100% !important;
width: 100% !important;
text-wrap: balance;
}
/* ---------- Tap targets (WCAG AA = 44x44) ---------- */
body a.elementor-button,
body .ts-btn,
body .e-btn,
body .ak-btn {
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 18px;
}
/* Icon-only save buttons: keep fixed square, no padding hijack. */
body .ak-place-save,
body .ak-event-save,
body .ak-deal-save,
body [class*="-save"][class*="ak-"] {
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
padding: 0 !important;
}
body .ak-place-save svg,
body .ak-event-save svg,
body .ak-deal-save svg {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
}
/* Sign Up button was 29px tall on mobile — lift. */
body .elementor-button-link.elementor-size-sm {
padding: 10px 16px !important;
font-size: 14px !important;
min-height: 40px;
}
/* ---------- Forms ---------- */
body input[type="text"],
body input[type="email"],
body input[type="password"],
body input[type="tel"],
body input[type="url"],
body input[type="search"],
body input[type="number"],
body textarea,
body select {
font-size: 16px !important; /* Prevent iOS zoom on focus */
min-height: 44px;
box-sizing: border-box;
max-width: 100%;
}
body textarea { min-height: 96px; }
/* ---------- Homepage hero ---------- */
.elementor-element.ak-home-hero,
.ak-home-hero {
padding: 40px 16px !important;
min-height: auto !important;
}
.ak-home-hero > .e-con-inner,
.ak-home-hero .elementor-container {
gap: 24px !important;
}
/* Force multi-column flex containers to stack on mobile
— EXCEPT the header, which must stay a single horizontal row. */
body .e-con.e-flex:not(.elementor-location-header *):not(.elementor-location-header) > .e-con-inner,
body .e-con.e-flex:not(.elementor-location-header *):not(.elementor-location-header) {
flex-wrap: wrap !important;
}
body .elementor-location-header .e-con.e-flex,
body .elementor-location-header .e-con.e-flex > .e-con-inner {
flex-wrap: nowrap !important;
}
body .e-con-inner > .e-con:not(.elementor-location-header *) {
flex: 1 1 100% !important;
max-width: 100% !important;
}
body .elementor-location-header .e-con-inner > .e-con {
flex: 0 1 auto !important;
width: auto !important;
}
/* ---------- Category grid ---------- */
.ak-cat-grid,
.ak-categories,
.ak-categories-grid,
[class*="category-grid"] {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
/* ---------- Deals row ---------- */
.elementor-element-751a50d .ts-post-feed,
.elementor-element-751a50d .elementor-widget-container > * {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.elementor-element-751a50d .ts-preview:nth-of-type(n+4) {
display: block !important; /* Re-show hidden 4th on mobile — stacks cleanly */
}
/* ---------- Feed grids ---------- */
.ts-post-feed .ts-preview-list,
.ts-post-feed-list,
.elementor-widget-ts-post-feed .ts-preview-list {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
/* ---------- Auth page ---------- */
/* Removed: the old-design auth overrides (#ak-auth-panel hidden-panel
hack, .elementor-2247 column resets, #ak-auth-mini-footer). The auth
pages were rebuilt Jul-2026 (ak-auth-pages.php split-card) and own all
their responsive styling now — these stale selectors no longer exist
in the DOM and only risked fighting the new layout. */
/* ---------- Business CTA (ak-biz-v2) ---------- */
.ak-biz-v2 { padding: 36px 16px !important; }
.ak-biz-v2-steps { grid-template-columns: 1fr !important; gap: 14px !important; }
.ak-biz-v2-cta-row { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
.ak-biz-v2-cta-row a { width: 100% !important; justify-content: center !important; }
.ak-biz-v2 h2 { font-size: clamp(24px, 6.4vw, 30px) !important; }
/* ---------- Footer ---------- */
.elementor-location-footer .e-con,
.elementor-location-footer .elementor-container {
flex-direction: column !important;
gap: 24px !important;
text-align: center;
}
.elementor-location-footer ul {
justify-content: center;
flex-wrap: wrap;
}
/* ---------- Header: full-width, compact, single row ---------- */
body .elementor-location-header,
body .elementor-location-header > .elementor,
body .elementor-location-header .elementor > section,
body .elementor-location-header .elementor > .e-con,
body .elementor-location-header .e-con {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body .elementor-location-header .e-con,
body .elementor-location-header .elementor-container {
padding: 6px 14px !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
min-height: 60px !important;
}
body .elementor-location-header .e-con-inner {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
}
/* Logo sizing: compact */
body .elementor-location-header img {
max-height: 38px !important;
width: auto !important;
}
/* Hamburger button: decent tap target, no extra underline */
body .elementor-location-header .elementor-menu-toggle {
width: 44px !important;
height: 44px !important;
padding: 8px !important;
border: none !important;
background: transparent !important;
}
body .elementor-location-header .elementor-menu-toggle::after,
body .elementor-location-header .elementor-menu-toggle::before {
display: none !important;
}
/* Voxel nav widget hamburger (ts-mobile-menu) — stop it making header 98px tall */
body .elementor-location-header .ts-nav-menu,
body .elementor-location-header .ts-nav,
body .elementor-location-header .ts-mobile-menu,
body .elementor-location-header .ts-item-link {
height: 48px !important;
min-height: 48px !important;
}
body .elementor-location-header .ts-item-icon {
height: 24px !important;
min-height: 24px !important;
}
body .elementor-location-header .ts-item-icon svg {
width: 22px !important;
height: 22px !important;
}
body .elementor-location-header .ts-item-link {
padding: 8px !important;
}
/* Remove underline/strike through on nav items on mobile */
body .elementor-location-header .ts-nav li,
body .elementor-location-header .ts-nav li::after,
body .elementor-location-header .ts-nav li::before {
border-bottom: none !important;
}
/* Force outer header containers full-width (reach into inline widths) */
body .elementor-location-header > .elementor,
body .elementor-location-header > .elementor > .elementor-element {
width: 100% !important;
max-width: 100% !important;
}
/* Cap header height */
body .elementor-location-header,
body .elementor-location-header > .elementor,
body .elementor-location-header .elementor-element[data-id] {
max-height: 64px !important;
}
body .elementor-location-header .e-con-inner,
body .elementor-location-header .e-con {
min-height: 0 !important;
}
/* Remove the decorative underline/accent bar beneath header on mobile */
body .elementor-location-header .elementor-widget-nav-menu::after,
body .elementor-location-header .ak-header-accent,
body .elementor-location-header [class*="accent-bar"] {
display: none !important;
}
/* Hide Sign Up button on narrowest screens (hamburger has Sign In) */
body .elementor-location-header .elementor-button-link.elementor-size-sm {
display: none !important;
}
/* ---------- Hero stats row (14K Followers, 500+ Places, 100+ Events) ---------- */
/* Parent column that holds 3 stat rows — force horizontal 3-col layout. */
body .elementor-element-055a042 {
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
gap: 8px !important;
padding: 10px 0 !important;
}
body .elementor-element-055a042 > .e-con {
flex: 1 1 0 !important;
width: auto !important;
max-width: none !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
gap: 4px !important;
padding: 6px 4px !important;
}
body .elementor-element-055a042 > .e-con h6,
body .elementor-element-055a042 > .e-con .elementor-heading-title {
font-size: 13px !important;
font-weight: 600 !important;
text-align: center !important;
line-height: 1.25 !important;
}
body .elementor-element-055a042 > .e-con .elementor-icon {
font-size: 16px !important;
}
/* ---------- Instagram badge on hero image ---------- */
/* The badge is absolutely positioned with a desktop left:-20px offset.
Pull it inward on mobile so it sits nicely over the image. */
body .elementor-element-ec9e294 {
left: 14px !important;
right: auto !important;
bottom: 14px !important;
top: auto !important;
max-width: calc(100% - 28px) !important;
border-radius: 14px !important;
box-shadow: 0 8px 22px rgba(0,0,0,0.15) !important;
padding: 10px 14px !important;
}
/* ---------- Event card date badge ---------- */
body .elementor-element-de5bfd7 .ts-preview .elementor-element-4494d12,
body .elementor-element-de5bfd7 .ts-preview [class*="event-date"],
body .elementor-widget-ts-post-feed .ts-preview .elementor-element-4494d12 {
min-width: 56px !important;
width: 56px !important;
padding: 6px 8px !important;
gap: 2px !important;
align-items: center !important;
justify-content: center !important;
}
body .elementor-element-de5bfd7 .ts-preview .elementor-element-cf99ca4 .elementor-heading-title,
body .elementor-element-de5bfd7 .ts-preview .elementor-element-cf99ca4 {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
line-height: 1.1 !important;
}
body .elementor-element-de5bfd7 .ts-preview .elementor-element-dfe2066 .elementor-heading-title,
body .elementor-element-de5bfd7 .ts-preview .elementor-element-dfe2066 {
font-size: 22px !important;
font-weight: 800 !important;
line-height: 1.05 !important;
}
/* ---------- Section-to-section spacing: compress ---------- */
body .elementor-2226 > .elementor-element,
body .elementor-2226 .e-con.e-parent {
padding-top: 24px !important;
padding-bottom: 24px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Hero a little more breathing room */
body .ak-home-hero,
body .elementor-element.ak-home-hero {
padding-top: 24px !important;
padding-bottom: 16px !important;
}
/* Section headings tighter against their feeds */
body .elementor-2226 h2 { margin-top: 0 !important; margin-bottom: 10px !important; }
/* ---------- Category grid: 2 columns on mobile ---------- */
body .elementor-element-b4df3cf {
padding-top: 20px !important;
padding-bottom: 24px !important;
}
/* The inner cards-row container (3c0d17d) holds all category cards. */
body .elementor-element-3c0d17d,
body .elementor-element-3c0d17d > .e-con-inner {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
flex-direction: unset !important;
}
body .elementor-element-3c0d17d > .e-con-inner > .e-con,
body .elementor-element-3c0d17d > .e-con {
flex: 1 1 auto !important;
width: 100% !important;
max-width: 100% !important;
padding: 16px 8px !important;
min-height: 110px !important;
}
body .elementor-element-3c0d17d .elementor-icon,
body .elementor-element-3c0d17d img {
max-height: 48px !important;
width: auto !important;
}
/* Biz band margin collapse (was +40px top+bottom) */
body .elementor-element-01d256a {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Deals band margin collapse (was +20px) */
body .elementor-element-add160b {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Hamburger toggle tap area */
.elementor-menu-toggle {
min-width: 44px !important;
min-height: 44px !important;
padding: 10px !important;
}
/* Search forms stretch full width on mobile */
.ts-search-form,
.ts-search-form .ts-form,
.elementor-widget-ts-search-form {
width: 100% !important;
max-width: 100% !important;
}
/* ---------- Pricing plans ---------- */
.elementor-widget-ts-pricing-plan .ts-pricing-plans,
.ts-pricing-plans {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
/* ---------- Create-post hero + form ---------- */
.ak-guest-section, .ak-auth-section {
padding: 20px 16px !important;
}
/* ---------- Improve image rendering on small viewports ---------- */
body img[loading="lazy"] { content-visibility: auto; }
/* ---------- Remove accidental fixed widths ---------- */
body [style*="width: 1200px"],
body [style*="width:1200px"],
body [style*="min-width: 1200px"] {
width: 100% !important;
min-width: 0 !important;
}
/* ---------- Smooth scroll + momentum ---------- */
html { scroll-behavior: smooth; }
body { -webkit-overflow-scrolling: touch; }
/* ---------- Avoid text-size auto-inflation in iOS ---------- */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
}
/* ---------- Very small phones (<= 380px) ---------- */
@media (max-width: 380px) {
body h1 { font-size: clamp(26px, 7vw, 32px) !important; }
body .elementor-button { padding: 10px 14px !important; font-size: 14px !important; }
}
/* ---------- Touch-only device refinements ---------- */
@media (hover: none) and (pointer: coarse) {
/* Disable hover-only effects that look stuck on touch devices. */
body .ts-preview:hover,
body .ak-place-card:hover,
body .ak-event-card:hover {
transform: none !important;
}
}
.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li > a[href*="things-to-do-with-kids"]:hover,.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li.current-menu-item > a[href*="things-to-do-with-kids"]{background:#E4F3F4;color:#0F4F53;}.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li > a[href*="playgrounds"]:hover,.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li.current-menu-item > a[href*="playgrounds"]{background:#FDF0E6;color:#9A4F1D;}.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li > a[href*="kid-friendly-restaurants"]:hover,.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li.current-menu-item > a[href*="kid-friendly-restaurants"]{background:#FBEBE9;color:#7D2E27;}.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li > a[href*="amsterdam-with-a-baby"]:hover,.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li.current-menu-item > a[href*="amsterdam-with-a-baby"]{background:#EFECFB;color:#453A84;}
.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li > a[href*="birthday-parties"]:hover,
.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li.current-menu-item > a[href*="birthday-parties"] {
background: #FDEBF1; color: #A32350;
}
.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li > a[href*="sports-schools"]:hover,
.ts-popup-root.elementor-element-a2444e2-wrap .ts-term-dropdown-list > li.current-menu-item > a[href*="sports-schools"] {
background: #E7F4ED; color: #1F5B41;
}
.material-symbols-outlined {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
vertical-align: middle;
}
.events-custom-template * { box-sizing: border-box; }
.events-custom-template img { max-width: 100%; height: auto; }
.events-custom-template a { text-decoration: none; }
@media (max-width: 1024px) {
/* Shell: 8px above the island, nothing below it. 8 + 56 = 64px, which is
exactly the max-height ak-mobile-polish.php caps the header at, so the
island no longer overflows its own shell. */
html body header.elementor-location-header,
html body header#site-header,
html body .ts-header {
padding: 8px 10px 0 !important;
}
/* One 40px row — logo · account · burger — 8px apart. Dropping the row
from 48px to 40px is the whole height saving: the island's 7px
vertical padding and 1px border are left alone, so 40 + 14 + 2 = 56. */
html body header.elementor-location-header .e-con-inner {
gap: 8px !important;
}
html body header.elementor-location-header nav.ts-nav-menu,
html body header.elementor-location-header ul.ts-nav,
html body header.elementor-location-header li.ts-mobile-menu,
html body header.elementor-location-header .ts-mobile-menu .ts-item-link {
height: 40px !important;
min-height: 40px !important;
}
/* post-2270.css ships the nav item with `margin: 0 8px` and the account
dropdown with `margin-left: 8px`; the 8px rhythm is the flex gap's job
now, so each control is exactly 40px wide with nothing added. */
html body header.elementor-location-header .ts-mobile-menu .ts-item-link {
margin: 0 !important;
}
html body header.elementor-location-header .ak-account-dd {
margin-left: 0 !important;
}
/* header-premium-style.php paints `.ts-mobile-menu` white for the stock
Voxel slide-out; that class is also on the , which printed a white
square behind the round burger. The drawer (ak-mobile-menu.php)
replaced that popup, so the needs no surface of its own — and at
40px the square is exactly the size of the button it sits behind. */
html body header.elementor-location-header li.ts-mobile-menu {
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* Logo: 24px tall (was 26px on phones, 30px at 768–1024), capped at
28px so no other rule can grow it back. Same image as desktop —
scaled, not swapped. */
html body header.elementor-location-header .elementor-widget-image img,
html body header.elementor-location-header.header-scrolled .elementor-widget-image img {
height: 24px !important;
max-height: 28px !important;
width: auto !important;
}
/* Account: an icon-only 40×40 circle at every width up to the
breakpoint. ak-header-account-dropdown.php only does this ≤767px, so
768–1024 still showed a 66px icon+caret capsule next to a 40px
burger. */
html body header.elementor-location-header .ak-account-dd .ak-account-trigger {
width: 40px !important;
height: 40px !important;
padding: 0 !important;
justify-content: center !important;
}
html body header.elementor-location-header .ak-account-dd .ak-account-caret {
display: none !important;
}
/* header-premium-style.php shrinks the island to 4px padding once the
page is scrolled past 24px. At this size the island is already
compact, and a 6px shrink mid-scroll just shifts the page under the
reader's thumb — so the scrolled state keeps the same box. */
html body header.elementor-location-header.header-scrolled > .elementor-element.e-con-boxed {
padding: 7px 12px 7px 18px !important;
}
html body header.elementor-location-header > .elementor-element.e-con-boxed {
padding: 7px 12px 7px 18px !important;
}
}
/* Heroes that pull up under the header. At ≤860px each template already
uses -64px, which is still exactly the shell height, so nothing to do
there. Between 861px and the breakpoint they keep their desktop -72px,
which was 4px deeper than the old 68px shell and would now be 8px
deeper than the 64px one — so here they pull up by exactly 64px and
the hero top sits flush with the page top. */
@media (min-width: 861px) and (max-width: 1024px) {
html body .akhc-hero,
html body .akps-hero,
html body .akfs-hero,
html body .akgl-hero,
html body .akab-hero,
html body .akfs-top {
margin-top: -64px;
}
}
.ak-map-host .ts-map-defer,.akev-map .ts-map-defer{display:block;width:100%;height:100%}
/* every H1: the logo's Fredoka. High specificity + !important to beat the
per-template Plus Jakarta Sans H1 rules (incl. inline + body-injected). */
/* Specificity-proof: templates set their H1 font with a CLASS selector +
!important (e.g. `.ak-guide-single-title`), which outranks a plain
`html body h1 !important`. Enumerating every class meant every NEW template
silently fell back to Plus Jakarta Sans (the guides single page did).
These attribute-selector forms out-specify any single/double class rule
without needing to know the class name. */
html body h1,
html body h1[class],
html body h1[style],
html body [class] h1,
html body [class] [class] h1,
html body [class] [class] [class] h1,
html body h1.elementor-heading-title,
html body h1.akh-h1,
html body h1.akb-h1,
html body h1.akev-h1,
html body h1.akp-h1,
html body .akd-hero h1,
html body .ak-guides-hero h1,
html body .blog-custom-template h1,
html body [data-id="32db6b7"] .elementor-heading-title,
html body [data-id="f74d5c0"] .elementor-heading-title {
font-family: 'Fredoka', 'Plus Jakarta Sans', sans-serif !important;
letter-spacing: -0.01em !important;
}
picture.ak-webp{display:contents}.akpv-link>picture.ak-webp>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ts-preview.akpv:hover .akpv-link>picture.ak-webp>img{transform:scale(1.05)}.akpa-pop .ts-preview.akpv:hover .akpv-link>picture.ak-webp>img,.akhc-pop .ts-preview.akpv:hover .akpv-link>picture.ak-webp>img{transform:none}@media (prefers-reduced-motion:reduce){.akpv-link>picture.ak-webp>img{transition:none!important}}
.akev { --tq:#b5d5d9; --tq-deep:#8bbcc2; --tq-soft:#f2f8f9; --tq-ink:#00291f; --ink:#181c1d; --body:#3e4944; --muted:#6e7a74; --warm:#ae2f34; --line:rgba(190,201,195,.25);
font-family: Manrope, sans-serif; color: var(--ink); background: #f6fafb; }
.akev a { text-decoration: none; }
/* the Elementor kit forces h1 { Fredoka } site-wide — reclaim brand headings */
.akev h1, .akev h2, .akev h3 { font-family: 'Plus Jakarta Sans', sans-serif !important; }
.akev-wrap { max-width: 1240px; margin: 0 auto; padding: 0 24px; }
/* breadcrumb */
.akev-crumb { display: flex; align-items: center; gap: 8px; padding: 20px 0 14px; font-size: 13px; font-weight: 600; color: var(--muted); }
.akev-crumb a { color: var(--tq-deep); font-weight: 700; }
.akev-crumb .ak-ico { width: 15px; height: 15px; color: #b6c2c6; flex-shrink: 0; }
/* ── hero ── */
.akev-hero { display: grid; grid-template-columns: 1fr 1.15fr; background: #fff; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; box-shadow: 0 4px 20px rgba(11,19,36,.05); }
.akev-hero-info { padding: 40px 40px 36px; display: flex; flex-direction: column; gap: 16px; justify-content: center; }
.akev-type { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; background: var(--tq-soft); color: var(--tq-ink); border: 1px solid var(--tq); padding: 6px 14px; border-radius: 9999px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11.5px; font-weight: 800; letter-spacing: 1.1px; text-transform: uppercase; }
.akev-h1 { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 800; font-size: clamp(26px, 3vw, 38px); line-height: 1.15; letter-spacing: -0.6px; margin: 0; }
.akev-meta { display: flex; flex-direction: column; gap: 10px; }
.akev-meta-row { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--body); }
.akev-meta-row .ak-ico { width: 19px; height: 19px; color: var(--tq-deep); flex-shrink: 0; margin-top: 1px; }
.akev-meta-muted { font-size: 13px; font-weight: 600; color: var(--muted); }
.akev-meta-muted .ak-ico { width: 16px; height: 16px; color: var(--muted); }
.akev-cta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 6px; }
/* The buttons themselves come from ak-cta.php; this keeps them on one line
with the price pill and makes the sidebar copy full width. */
.akev-cta-row .akcta-row { display: contents; }
.akev-cta-side { margin-top: 4px; }
.akev-cta-side .akcta-btn { width: 100%; padding: 15px; font-size: 15px; }
.akev-price-pill { display: inline-flex; align-items: center; gap: 6px; background: var(--tq-soft); color: var(--tq-ink); padding: 10px 16px; border-radius: 9999px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13.5px; font-weight: 800; }
.akev-price-pill .ak-ico { width: 17px; height: 17px; color: var(--tq-deep); flex-shrink: 0; }
.akev-reg { display: inline-flex; align-items: center; gap: 7px; color: var(--warm); font-size: 13px; font-weight: 700; }
.akev-reg .ak-ico { width: 17px; height: 17px; }
.akev-hero-media { position: relative; min-height: 400px; background: linear-gradient(135deg, var(--tq-deep), var(--tq)); }
.akev-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.akev-datetile { position: absolute; top: 18px; left: 18px; background: #fff; border-radius: 14px; padding: 10px 14px; text-align: center; box-shadow: 0 6px 20px rgba(11,19,36,.18); }
.akev-datetile-m { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--warm); }
.akev-datetile-d { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 26px; font-weight: 800; line-height: 1.05; color: var(--ink); }
.akev-share { position: absolute; top: 18px; right: 18px; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.9); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--ink); box-shadow: 0 4px 14px rgba(11,19,36,.15); transition: transform .15s; }
.akev-share:hover { transform: scale(1.06); }
/* ── chip strip ── */
.akev-chips { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; }
.akev-chip { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 10px 16px; }
.akev-chip .ak-ico { box-sizing: content-box; width: 20px; height: 20px; color: var(--tq-deep); background: var(--tq-soft); border-radius: 9px; padding: 6px; flex-shrink: 0; }
.akev-chip-k { font-size: 10.5px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; color: var(--muted); }
.akev-chip-v { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 13.5px; font-weight: 800; color: var(--ink); }
/* ── layout ── */
.akev-grid { display: grid; grid-template-columns: 1fr 380px; gap: 28px; align-items: start; margin-top: 28px; }
.akev-card { background: #fff; border: 1px solid var(--line); border-radius: 20px; padding: 32px; }
.akev-h2 { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -0.3px; margin: 0 0 18px; display: flex; align-items: center; gap: 10px; }
.akev-h2 .ak-ico { box-sizing: content-box; color: var(--tq-deep); background: var(--tq-soft); border-radius: 10px; padding: 7px; width: 20px; height: 20px; flex-shrink: 0; }
.akev-prose { color: var(--body); font-size: 15.5px; line-height: 1.8; }
.akev-prose p { margin: 0 0 16px; }
.akev-prose p:last-child { margin-bottom: 0; }
/* location — address on its own row, then a full-width map */
.akev-loc-body { display: flex; flex-direction: column; gap: 16px; }
.akev-addr { background: var(--tq-soft); border-radius: 14px; padding: 14px 16px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.akev-addr .ak-ico { color: var(--tq-deep); flex-shrink: 0; width: 22px; height: 22px; }
.akev-addr-t { font-weight: 700; font-size: 14.5px; line-height: 1.5; flex: 1 1 220px; min-width: 0; }
.akev-addr-dir { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; background: #fff; border: 1px solid var(--line); border-radius: 9999px; padding: 9px 15px; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 12.5px; font-weight: 800; color: var(--tq-ink); transition: background .18s, border-color .18s, color .18s, transform .18s; }
.akev-addr-dir:hover { background: var(--tq-deep); border-color: var(--tq-deep); color: #fff; transform: translateY(-1px); }
.akev-addr-dir .ak-ico { width: 17px; height: 17px; color: inherit; }
.akev-map { height: 400px; border-radius: 16px; overflow: hidden; background: #e5e9ea; position: relative; border: 1px solid var(--line); }
/* the ts-map widget is rendered inline (outside Elementor) — let it fill the host.
archive-premium-styles.php hides .ts-map under 768px and ak-mobile-polish.php
pins it to 280px; both are archive rules, so re-assert ours here (higher
specificity, scoped to this card only). */
.akev-map .elementor-widget-container, .akev-map .ts-map { width: 100% !important; height: 100% !important; }
.akev-map .ts-map { display: block !important; margin: 0 !important; min-height: 0 !important; }
.akev-map .elementor-widget-container { padding: 0 !important; margin: 0 !important; }
.akev-loc-note { color: var(--muted); font-size: 13.5px; line-height: 1.65; }
.akev-loc-note p { margin: 0 0 8px; }
.akev-loc-note p:last-child { margin-bottom: 0; }
/* ── ticket stub ── */
.akev-side { display: flex; flex-direction: column; gap: 22px; position: sticky; top: 96px; }
.akev-ticket { background: #fff; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(11,19,36,.07); }
.akev-ticket-top { background: linear-gradient(135deg, var(--tq-deep), var(--tq)); padding: 24px; }
.akev-ticket-eyebrow { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: rgba(0,41,31,.6); margin-bottom: 12px; }
.akev-ticket-date { display: flex; align-items: center; gap: 14px; }
.akev-ticket-date + .akev-ticket-date { margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(0,41,31,.12); }
.akev-ticket-tile { min-width: 56px; background: rgba(255,255,255,.55); border-radius: 12px; padding: 8px 6px; text-align: center; }
.akev-ticket-tile-m { font-size: 10.5px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--warm); }
.akev-ticket-tile-d { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 23px; font-weight: 800; line-height: 1; color: var(--tq-ink); }
.akev-ticket-when b { display: block; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 800; color: var(--tq-ink); }
.akev-ticket-when span { font-size: 13px; font-weight: 600; color: rgba(0,41,31,.75); }
/* perforation */
.akev-perf { position: relative; height: 0; border-top: 2px dashed rgba(190,201,195,.6); margin: 0 18px; }
.akev-perf::before, .akev-perf::after { content: ''; position: absolute; top: -11px; width: 22px; height: 22px; border-radius: 50%; background: #f6fafb; border: 1px solid var(--line); }
.akev-perf::before { left: -30px; }
.akev-perf::after { right: -30px; }
.akev-ticket-bottom { padding: 22px 24px 24px; }
.akev-ticket-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 14px; font-weight: 700; }
.akev-ticket-row .ak-ico { width: 19px; height: 19px; color: var(--tq-deep); flex-shrink: 0; }
.akev-ticket-row.akev-warm { color: var(--warm); font-size: 13px; }
.akev-ticket-row.akev-warm .ak-ico { color: var(--warm); }
/* organiser */
.akev-org-row { display: flex; align-items: center; gap: 14px; }
.akev-org-row + .akev-org-row { margin-top: 16px; }
.akev-org-ico { width: 40px; height: 40px; border-radius: 50%; background: var(--tq-soft); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.akev-org-ico .ak-ico { color: var(--tq-deep); width: 20px; height: 20px; }
.akev-org-k { font-size: 10.5px; color: var(--muted); text-transform: uppercase; letter-spacing: .6px; font-weight: 700; }
.akev-org-v { font-weight: 700; font-size: 14.5px; color: var(--ink); }
a.akev-org-v { color: var(--tq-deep); }
/* newsletter */
.akev-news { border-radius: 20px; overflow: hidden; border: 1px solid var(--line); }
.akev-news-top { background: linear-gradient(135deg, var(--tq-deep), var(--tq)); padding: 26px 22px; text-align: center; }
.akev-news-top .ak-ico { width: 34px; height: 34px; color: #fff; display: block; margin: 0 auto 8px; }
.akev-news-top h3 { font-family: 'Plus Jakarta Sans', sans-serif; color: #fff; font-size: 17px; font-weight: 800; margin: 0 0 5px; }
.akev-news-top p { color: rgba(255,255,255,.88); font-size: 13px; margin: 0; line-height: 1.5; }
.akev-news-body { background: #fff; padding: 22px; }
.akev-news-body input { width: 100%; padding: 12px 16px; border: 1.5px solid #bec9c3; border-radius: 12px; font-size: 14px; font-family: Manrope, sans-serif; outline: none; box-sizing: border-box; }
.akev-news-body input:focus { border-color: var(--tq); }
.akev-news-body button { width: 100%; padding: 13px; margin-top: 12px; background: var(--tq-deep); color: #fff; border: none; border-radius: 12px; font-size: 14px; font-weight: 800; font-family: 'Plus Jakarta Sans', sans-serif; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; transition: background .18s, color .18s; }
.akev-news-body button:hover { background: var(--tq); color: var(--tq-ink); }
.akev-news-fine { color: var(--muted); font-size: 11px; text-align: center; margin: 12px 0 0; line-height: 1.4; }
.akev-type-link { text-decoration: none; transition: background .16s ease; }
.akev-type-link:hover { background: #d4ebee; }
.akev-more-cat { text-align: center; margin-top: 28px; }
.akev-more-cat a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 22px; border-radius: 9999px; background: var(--tq-ink, #1D5B62); color: #fff; font: 700 14.5px 'Plus Jakarta Sans', sans-serif; text-decoration: none; transition: opacity .16s ease; }
.akev-more-cat a:hover { opacity: .88; }
/* similar */
.akev-sim { background: #f0f4f5; padding: 56px 0 64px; margin-top: 56px; }
.akev-sim-h { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; letter-spacing: -0.4px; margin: 0 0 32px; display: flex; align-items: center; gap: 12px; }
.akev-sim-h .ak-ico { box-sizing: content-box; color: var(--tq-deep); background: #fff; border-radius: 12px; padding: 8px; width: 22px; height: 22px; flex-shrink: 0; }
.akev-sim-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.akev-sim-card { background: #fff; border-radius: 18px; overflow: hidden; border: 1px solid var(--line); color: inherit; display: block; transition: transform .2s, box-shadow .2s; }
.akev-sim-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(11,19,36,.1); }
.akev-sim-img { height: 170px; position: relative; overflow: hidden; background: linear-gradient(135deg, var(--tq-deep), var(--tq)); }
.akev-sim-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.akev-sim-date { position: absolute; top: 12px; left: 12px; background: #fff; border-radius: 12px; padding: 6px 10px; text-align: center; box-shadow: 0 2px 10px rgba(11,19,36,.12); }
.akev-sim-date div:first-child { font-size: 10px; text-transform: uppercase; color: var(--warm); font-weight: 800; letter-spacing: .8px; }
.akev-sim-date div:last-child { font-size: 19px; font-weight: 800; color: var(--ink); line-height: 1; font-family: 'Plus Jakarta Sans', sans-serif; }
.akev-sim-body { padding: 16px 18px 18px; }
.akev-sim-tags { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; flex-wrap: wrap; }
.akev-sim-type { font-size: 10.5px; font-weight: 800; color: var(--tq-deep); text-transform: uppercase; letter-spacing: .8px; font-family: 'Plus Jakarta Sans', sans-serif; }
.akev-sim-age { font-size: 11.5px; color: var(--muted); font-weight: 600; }
.akev-sim-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15.5px; font-weight: 800; margin: 0; line-height: 1.35; color: var(--ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1024px) {
.akev-hero { grid-template-columns: 1fr; }
.akev-hero-media { min-height: 300px; order: -1; }
.akev-grid { grid-template-columns: 1fr; }
.akev-side { position: static; }
.akev-sim-grid { grid-template-columns: repeat(2, 1fr); }
.akev-map { height: 320px; }
}
@media (max-width: 640px) {
.akev-hero-info { padding: 26px 22px 28px; }
.akev-card { padding: 24px 20px; }
.akev-sim-grid { grid-template-columns: 1fr; }
.akev-map { height: 260px; }
.akev-addr { padding: 13px 14px; }
.akev-addr-dir { width: 100%; justify-content: center; }
.akev-chips { gap: 9px; }
.akev-chip { padding: 8px 12px; }
}
.akcta-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.akcta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 24px; border: 1.5px solid rgba(11,19,36,.12); border-radius: 9999px; background: #fff; color: #0b1324 !important; font-family: 'Plus Jakarta Sans', 'Manrope', system-ui, sans-serif; font-size: 14px; font-weight: 800; line-height: 1; text-decoration: none !important; cursor: pointer; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.akcta-btn .ak-ico { width: 18px; height: 18px; flex: 0 0 18px; }
.akcta-btn:hover { border-color: #2A7780; color: #2A7780 !important; transform: translateY(-1px); }
.akcta-btn.is-primary { border-color: transparent; background: var(--akcta-accent, #2A7780); color: #fff !important; box-shadow: 0 4px 16px var(--akcta-shadow, rgba(42,119,128,.34)); }
.akcta-btn.is-primary:hover { background: var(--akcta-accent-hover, #1f5d64); color: #fff !important; box-shadow: 0 8px 22px var(--akcta-shadow, rgba(42,119,128,.42)); }
.akcta-btn.is-ghost { padding: 11px 17px; font-size: 13px; }
.akcta-btn.is-ghost .ak-ico { width: 16px; height: 16px; flex: 0 0 16px; }
/* Post-type accents, so the shared component still looks like the page it is on. */
.akcta-row.for-events, .akcta-sticky.for-events { --akcta-accent: #ff6b6b; --akcta-accent-hover: #f2554f; --akcta-shadow: rgba(255,107,107,.38); }
.akcta-row.for-deals-offers, .akcta-sticky.for-deals-offers { --akcta-accent: #E24B4B; --akcta-accent-hover: #C83D3D; --akcta-shadow: rgba(226,75,75,.34); }
/* Family services is the site's sun yellow, not the indigo in config.php's
category palette — that is what the family-service single has looked
like since it was written, and the sticky bar has to match the inline
row it mirrors. Dark ink, because yellow will not carry white text. */
.akcta-row.for-services, .akcta-sticky.for-services { --akcta-accent: #F4B942; --akcta-accent-hover: #E39B1F; --akcta-shadow: rgba(244,185,66,.34); }
.for-services .akcta-btn.is-primary, .for-services .akcta-btn.is-primary:hover { color: #4A340A !important; }
.akcta-sticky { display: none; }
@media (max-width: 720px) {
.akcta-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 90; display: flex; align-items: center; gap: 8px;
padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); background: rgba(255,255,255,.97);
backdrop-filter: saturate(150%) blur(8px); border-top: 1px solid rgba(11,19,36,.10); box-shadow: 0 -6px 20px rgba(11,19,36,.10); }
.akcta-sticky .akcta-btn { flex: 1 1 auto; min-width: 0; padding: 13px 14px; }
.akcta-sticky .akcta-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.akcta-sticky .akcta-btn.is-icon { flex: 0 0 52px; padding: 0; height: 46px; }
.akcta-sticky .akcta-btn.is-icon .ak-ico { width: 19px; height: 19px; flex: 0 0 19px; }
body.ak-has-cta-sticky { padding-bottom: 86px; }
.akcta-row .akcta-btn { flex: 1 1 auto; }
}
.akvr-at{display:flex;align-items:center;gap:13px;padding:13px 15px;margin:0 0 16px;border-radius:14px;
background:#f2f8f9;border:1px solid rgba(42,119,128,.24);text-decoration:none;color:#1D5B62;transition:.16s}
.akvr-at:hover{background:#e8f2f3;border-color:rgba(42,119,128,.42)}
.akvr-at img{width:46px;height:46px;border-radius:11px;object-fit:cover;flex:0 0 46px;background:#dbe9eb}
.akvr-at-b{min-width:0;flex:1}
.akvr-at-k{font:700 11px/1 Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;opacity:.72;margin:0 0 4px}
.akvr-at-t{font:800 16px/1.25 'Plus Jakarta Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.akvr-at-s{font:600 12.5px/1.35 Manrope,sans-serif;opacity:.78;margin-top:3px}
.akvr-at .ak-ico{flex:0 0 auto;opacity:.6}
/* ── "What's on at " ───────────────────────────────────────────── */
.akwo-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.akwo-head h3{margin:0}
.akwo-sub{margin:0;font:700 12px/1 Manrope,sans-serif;letter-spacing:.05em;text-transform:uppercase;
color:#1D5B62;background:#eef6f7;border-radius:9999px;padding:5px 11px;white-space:nowrap}
.akwo-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.akwo-chip{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
padding:7px 13px;min-height:34px;border-radius:9999px;border:1.5px solid rgba(11,19,36,.12);
background:#fff;color:#33404f;font:700 12.5px/1 Manrope,sans-serif;transition:.16s}
.akwo-chip:hover{border-color:rgba(42,119,128,.5);color:#1D5B62}
.akwo-chip i{font-style:normal;font-weight:800;font-size:11px;opacity:.6}
.akwo-chip.is-on{background:#0B1324;border-color:#0B1324;color:#fff}
.akwo-chip.is-on i{opacity:.7}
.akwo-list{display:flex;flex-direction:column;gap:10px}
.akwo-card{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:16px;
border:1px solid var(--line,#e8eaee);background:#fff;text-decoration:none;color:inherit;
transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.akwo-card[hidden]{display:none}
.akwo-card:hover{transform:translateY(-2px);border-color:rgba(42,119,128,.45);box-shadow:0 8px 22px rgba(11,19,36,.08)}
.akwo-thumb{flex:0 0 68px;width:68px;height:68px;border-radius:13px;object-fit:cover;background:#e9f1f2}
.akwo-thumb-ph{display:flex;align-items:center;justify-content:center;color:#2A7780;opacity:.55}
.akwo-stub{flex:0 0 46px;width:46px;padding:7px 0;border-radius:11px;background:#0B1324;color:#fff;
text-align:center;line-height:1}
.akwo-stub-m{display:block;font:800 10px/1 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.07em;opacity:.75}
.akwo-stub-d{display:block;font:800 19px/1 'Plus Jakarta Sans',sans-serif;margin-top:3px}
.akwo-body{min-width:0;flex:1}
.akwo-t{display:block;font:800 14.5px/1.3 'Plus Jakarta Sans',sans-serif;color:var(--ink,#0B1324)}
.akwo-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;font:600 12px/1.35 Manrope,sans-serif;opacity:.74}
.akwo-meta span{display:inline-flex;align-items:center;gap:5px}
.akwo-meta .ak-ico{flex:0 0 auto;opacity:.8}
.akwo-rep{color:#1D5B62;font-weight:800;opacity:1}
.akwo-go{flex:0 0 auto;color:#2A7780;display:inline-flex;opacity:.7}
.akwo-card:hover .akwo-go{opacity:1}
.akwo-none{margin:2px 0 0;font:600 13px/1.5 Manrope,sans-serif;opacity:.7}
.akwo-none[hidden]{display:none}
.akwo-more{margin-top:16px}
@media(max-width:600px){
.akwo-card{gap:10px;padding:9px 10px;min-height:44px}
.akwo-thumb{flex:0 0 56px;width:56px;height:56px;border-radius:12px}
.akwo-stub{flex:0 0 38px;width:38px;padding:6px 0;border-radius:10px}
.akwo-stub-d{font-size:17px}
.akwo-t{white-space:normal}
.akwo-chip{min-height:44px;padding:10px 14px}
}
.akvr-list{display:flex;flex-direction:column;gap:10px}
.akvr-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line,#e8eaee);
background:#fff;text-decoration:none;color:inherit;transition:.16s}
.akvr-row:hover{border-color:rgba(42,119,128,.42);background:#fafcfc}
.akvr-tile{flex:0 0 46px;width:46px;height:50px;border-radius:11px;background:#2A7780;color:#fff;
display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.akvr-tile-m{font:800 10px/1 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em;opacity:.9}
.akvr-tile-d{font:800 19px/1 'Plus Jakarta Sans',sans-serif;margin-top:2px}
.akvr-body{min-width:0;flex:1}
.akvr-t{display:block;font:800 15px/1.3 'Plus Jakarta Sans',sans-serif;color:var(--ink,#0B1324);
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.akvr-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:5px;font:600 12.5px/1.3 Manrope,sans-serif;opacity:.72}
.akvr-meta span{display:inline-flex;align-items:center;gap:5px}
.akvr-go{flex:0 0 auto;opacity:.4}
.akvr-owner{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;
margin-top:16px;padding:14px;border-radius:14px;background:#f2f8f9;border:1px dashed rgba(42,119,128,.42)}
.akvr-owner b{display:block;font:800 13px/1.3 'Plus Jakarta Sans',sans-serif;color:#1D5B62}
.akvr-owner p{margin:4px 0 0;font:600 12.5px/1.45 Manrope,sans-serif;opacity:.8;max-width:46ch}
.akvr-add{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:11px;
background:#2A7780;color:#fff;font:800 13px Manrope,sans-serif;text-decoration:none;white-space:nowrap}
.akvr-add:hover{background:#1D5B62}
.akvr-sub{margin:0;font:600 13px/1.5 Manrope,sans-serif;opacity:.75}
.akvr-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font:800 13px Manrope,sans-serif;
color:#1D5B62;text-decoration:none}
.akvr-more:hover{text-decoration:underline}
@media(max-width:520px){.akvr-owner{flex-direction:column;align-items:stretch}.akvr-add{justify-content:center}}