/* SVS Söve theme — catalog, PHP 7.4 / modern CSS */
:root {
    --svs-gold: #1d3567;
    --svs-gold-2: #3d5a8f;
    --svs-ink: #1a1a1a;
    --svs-ink-2: #2c2c2c;
    --svs-cream: #f4f6f9;
    --svs-paper: #f5f6f8;
    --svs-stone: #8a8f99;
    --svs-muted: #5c616a;
    --svs-line: rgba(29, 53, 103, 0.12);
    --svs-white: #fff;
    --svs-max: 1180px;
    --svs-header: 76px;
    --svs-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

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

html { scroll-behavior: smooth; }

body.svs-body {
    margin: 0;
    color: var(--svs-ink);
    background: var(--svs-paper);
    font-family: Outfit, system-ui, sans-serif;
    font-weight: 400;
    line-height: 1.65;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4 {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0 0 0.6em;
}

.svs-skip {
    position: absolute;
    left: -999px;
    top: 0;
    background: var(--svs-ink);
    color: #fff;
    padding: 0.6rem 1rem;
    z-index: 100;
}
.svs-skip:focus { left: 0; }

.svs-wrap {
    width: min(100% - 2rem, var(--svs-max));
    margin-inline: auto;
}

.svs-kicker {
    display: inline-block;
    margin: 0 0 0.7rem;
    color: var(--svs-gold);
    font-size: 0.72rem;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.svs-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 42px;
    padding: 0.55rem 1.15rem;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: transform 0.25s var(--svs-ease), background 0.25s, color 0.25s;
}
.svs-btn:hover { transform: translateY(-1px); }
.svs-btn--gold { background: var(--svs-gold); color: #fff; }
.svs-btn--gold:hover { background: #15284d; }
.svs-btn--ink { background: var(--svs-ink); color: var(--svs-cream); }
.svs-link {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin-top: 1rem;
    color: var(--svs-gold);
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* Topbar */
.svs-topbar {
    background: var(--svs-topbar, var(--svs-ink));
    color: var(--svs-topbar-text, var(--svs-cream));
    font-size: 0.8rem;
}
.svs-topbar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    min-height: 38px;
    flex-wrap: wrap;
    padding-block: 0.35rem;
}
.svs-topbar a { color: inherit; opacity: 0.88; }
.svs-topbar a:hover { opacity: 1; color: var(--svs-gold); }
.svs-topbar__meta { display: flex; flex-wrap: wrap; gap: 0.85rem 1.25rem; }
.svs-topbar__meta i { margin-right: 0.35rem; color: var(--svs-gold); }
.svs-topbar__social { display: flex; gap: 0.85rem; }

/* Header */
.svs-header {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(251, 248, 242, 0.94);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--svs-line);
}
.svs-header.is-solid { box-shadow: 0 8px 24px rgba(26, 23, 20, 0.06); }
.svs-header__inner {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: var(--svs-header);
}
.svs-logo { margin-right: auto; }
.svs-logo img { height: 42px; width: auto; }

.svs-burger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
}
.svs-burger span {
    display: block;
    height: 2px;
    width: 22px;
    background: var(--svs-ink);
    transition: 0.25s;
}
.svs-header.is-open .svs-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.svs-header.is-open .svs-burger span:nth-child(2) { opacity: 0; }
.svs-header.is-open .svs-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.svs-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: var(--svs-paper);
    border-bottom: 1px solid var(--svs-line);
    padding: 0.5rem 0 1.2rem;
}
.svs-header.is-open .svs-nav { display: block; }
.svs-nav ul { display: flex; flex-direction: column; }
.svs-nav > ul { width: min(100% - 2rem, var(--svs-max)); margin: 0 auto; }
.svs-nav a {
    display: block;
    padding: 0.7rem 0;
    font-size: 0.92rem;
    font-weight: 500;
}
.svs-nav a:hover { color: var(--svs-gold); }
.svs-nav .has-sub ul {
    padding: 0 0 0.4rem 0.8rem;
    font-size: 0.88rem;
}
.svs-nav .svs-lang img { width: 18px; height: 12px; display: inline; vertical-align: middle; }
.svs-header-cta { display: none; }

@media (min-width: 980px) {
    .svs-burger { display: none; }
    .svs-nav {
        display: block;
        position: static;
        background: transparent;
        border: 0;
        padding: 0;
    }
    .svs-nav > ul {
        width: auto;
        flex-direction: row;
        align-items: center;
        gap: 0.15rem 1.35rem;
    }
    .svs-nav a { padding: 0.4rem 0; }
    .svs-nav .has-sub { position: relative; }
    .svs-nav .has-sub ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 200px;
        padding: 0.6rem 0;
        background: #fff;
        box-shadow: 0 16px 40px rgba(26, 23, 20, 0.12);
        z-index: 5;
    }
    .svs-nav .has-sub:hover ul { display: block; }
    .svs-nav .has-sub ul a { padding: 0.5rem 1rem; }
    .svs-header-cta { display: inline-flex; margin-left: 1rem; }
}

/* Hero */
.svs-hero { position: relative; min-height: 78vh; overflow: hidden; background: var(--svs-ink); }
.svs-hero__slide {
    position: absolute;
    inset: 0;
    background: center / cover no-repeat;
    opacity: 0;
    transition: opacity 0.8s var(--svs-ease);
}
.svs-hero__slide.is-active { opacity: 1; z-index: 1; }
.svs-hero__veil {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(12, 18, 32, 0.78) 0%, rgba(12, 18, 32, 0.32) 55%, rgba(12, 18, 32, 0.12) 100%);
}
.svs-hero__copy {
    position: relative;
    z-index: 2;
    min-height: 78vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 4.5rem 0 5rem;
    color: #fff;
}
.svs-hero__copy h1 {
    font-size: clamp(2.1rem, 5vw, 3.6rem);
    color: #fff;
    margin-bottom: 0.55rem;
}
.svs-hero__copy p { color: rgba(255,255,255,0.86); max-width: 34rem; margin-bottom: 1rem; }
.svs-hero .svs-btn {
    align-self: flex-start;
    min-height: 36px;
    padding: 0.4rem 0.95rem;
    font-size: 0.7rem;
    letter-spacing: 0.06em;
}
.svs-hero__nav {
    position: absolute;
    right: 1rem;
    bottom: 1.2rem;
    z-index: 3;
    display: flex;
    gap: 0.4rem;
}
.svs-hero__nav button {
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,0.35);
    background: rgba(0,0,0,0.25);
    color: #fff;
    font-size: 1.4rem;
    cursor: pointer;
}

.svs-page-hero {
    position: relative;
    min-height: 42vh;
    background: center / cover no-repeat;
    color: #fff;
}
.svs-page-hero--short { min-height: 34vh; }
.svs-page-hero__copy {
    position: relative;
    z-index: 2;
    padding: 4rem 0 2.5rem;
}
.svs-page-hero h1 { font-size: clamp(2rem, 5vw, 3.4rem); color: #fff; }
.svs-page-hero p { max-width: 36rem; color: rgba(255,255,255,0.86); }
.svs-crumbs { display: flex; flex-wrap: wrap; gap: 0.45rem; font-size: 0.8rem; margin-bottom: 1rem; color: rgba(255,255,255,0.75); }
.svs-crumbs a { color: var(--svs-gold-2); }
.svs-crumbs span::before { content: "/"; margin-right: 0.45rem; opacity: 0.5; }

/* Intro + sections */
.svs-intro { padding: 4rem 0 2rem; }
.svs-intro__grid,
.svs-about-band__grid,
.svs-about-story__grid,
.svs-tech__grid,
.svs-page__grid,
.svs-service-detail__grid,
.svs-contact__grid,
.svs-blog__grid {
    display: grid;
    gap: 2rem;
}
.svs-intro h2,
.svs-section-head h2 { font-size: clamp(1.9rem, 4vw, 3rem); }
.svs-section-head { max-width: 40rem; margin-bottom: 2rem; }
.svs-section-head p { color: var(--svs-muted); }

.svs-featured,
.svs-services,
.svs-catalog-full,
.svs-refs,
.svs-process,
.svs-news,
.svs-values,
.svs-range,
.svs-about-story,
.svs-tech,
.svs-page,
.svs-blog,
.svs-contact,
.svs-service-detail { padding: 3.5rem 0; }

.svs-mosaic {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: 1fr;
}
.svs-mosaic__item {
    position: relative;
    min-height: 240px;
    background: center / cover no-repeat;
    overflow: hidden;
    color: #fff;
}
.svs-mosaic__item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 30%, rgba(16,13,10,0.78));
}
.svs-mosaic__item span {
    position: absolute;
    left: 1.1rem;
    right: 1.1rem;
    bottom: 1.1rem;
    z-index: 1;
    font-size: 0.9rem;
}
.svs-mosaic__item small {
    display: block;
    color: var(--svs-gold-2);
    letter-spacing: 0.16em;
    margin-bottom: 0.25rem;
}
.svs-mosaic__item strong {
    display: block;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.55rem;
    font-weight: 600;
}

.svs-about-band { background: var(--svs-cream); overflow: hidden; }
.svs-about-band figure { position: relative; }
.svs-about-band__float {
    display: none;
    position: absolute;
    width: 46%;
    right: -8%;
    bottom: -10%;
    border: 8px solid var(--svs-cream);
    box-shadow: 0 18px 40px rgba(26,23,20,0.18);
}
.svs-checks { margin: 1.2rem 0 1.6rem; }
.svs-checks li {
    position: relative;
    padding: 0.35rem 0 0.35rem 1.5rem;
}
.svs-checks li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.85rem;
    width: 10px;
    height: 1px;
    background: var(--svs-gold);
}

.svs-cards {
    display: grid;
    gap: 1.2rem;
    grid-template-columns: 1fr;
}
.svs-card { background: #fff; border: 1px solid var(--svs-line); }
.svs-card__media { display: block; overflow: hidden; aspect-ratio: 4 / 3; }
.svs-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--svs-ease); }
.svs-card:hover .svs-card__media img { transform: scale(1.05); }
.svs-card__body { padding: 1.15rem 1.15rem 1.35rem; }
.svs-card h3 { font-size: 1.35rem; }
.svs-card p, .svs-card time { color: var(--svs-muted); font-size: 0.92rem; }

.svs-gallery {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr 1fr;
}
.svs-gallery__item {
    position: relative;
    overflow: hidden;
    background: var(--svs-ink);
}
.svs-gallery__item img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 0.6s var(--svs-ease), opacity 0.3s;
}
.svs-gallery__item:hover img { transform: scale(1.06); opacity: 0.88; }
.svs-gallery__item span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.7rem 0.8rem;
    color: #fff;
    font-size: 0.78rem;
    background: linear-gradient(transparent, rgba(0,0,0,0.7));
}

.svs-refs__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    align-items: center;
}
.svs-refs img { margin: 0 auto; max-height: 70px; width: auto; filter: grayscale(1); opacity: 0.75; }
.svs-refs img:hover { filter: none; opacity: 1; }

.svs-steps {
    display: grid;
    gap: 1.2rem;
    counter-reset: none;
}
.svs-steps li {
    padding: 1.4rem 1.2rem;
    background: #fff;
    border-top: 2px solid var(--svs-gold);
}
.svs-steps span { color: var(--svs-gold); font-size: 0.78rem; letter-spacing: 0.18em; }
.svs-steps h3 { margin-top: 0.4rem; }

.svs-quotes { background: var(--svs-ink); color: var(--svs-cream); padding: 4rem 0; }
.svs-quotes blockquote { max-width: 40rem; margin: 0 auto; text-align: center; }
.svs-quotes p { font-family: "Cormorant Garamond", serif; font-size: clamp(1.4rem, 3vw, 2rem); font-style: italic; }
.svs-quotes cite { display: block; margin-top: 1rem; font-style: normal; color: var(--svs-gold-2); font-size: 0.85rem; }

.svs-home-contact {
    display: grid;
    grid-template-columns: 1fr;
}
.svs-home-contact__map iframe,
.svs-contact__map iframe { width: 100%; height: 280px; border: 0; display: block; }
.svs-home-contact__form,
.svs-contact__form { padding: 2rem 1.2rem 2.5rem; background: var(--svs-cream); }
.svs-home-contact form,
.svs-contact form { display: grid; gap: 0.7rem; }
.svs-home-contact input,
.svs-home-contact textarea,
.svs-contact input,
.svs-contact textarea {
    width: 100%;
    border: 1px solid var(--svs-line);
    background: #fff;
    padding: 0.85rem 0.9rem;
    font: inherit;
}
.svs-home-contact textarea,
.svs-contact textarea { min-height: 120px; resize: vertical; }
.svs-form-msg { padding: 0.7rem 0.9rem; background: #e7f4ea; color: #1e5a32; }
.svs-form-msg.is-error { background: #f8e6e4; color: #8a241c; }

.svs-stats { background: var(--svs-ink); color: #fff; padding: 2.4rem 0; }
.svs-stats__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.4rem; text-align: center; }
.svs-stats strong {
    display: block;
    font-family: "Cormorant Garamond", serif;
    font-size: 2.2rem;
    color: var(--svs-gold);
}
.svs-stats span { font-size: 0.82rem; color: var(--svs-stone); }

.svs-values__grid,
.svs-range__grid { display: grid; gap: 1rem; }
.svs-values article { background: #fff; }
.svs-values img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.svs-values h3, .svs-values p { padding: 0 1rem; }
.svs-values p { padding-bottom: 1.2rem; color: var(--svs-muted); }
.svs-range a { position: relative; overflow: hidden; color: #fff; }
.svs-range img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.svs-range span {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    padding: 0.8rem;
    background: linear-gradient(transparent, rgba(0,0,0,.72));
    font-family: "Cormorant Garamond", serif;
    font-size: 1.25rem;
}

.svs-cta { padding: 0 0 4rem; }
.svs-cta__inner {
    min-height: 280px;
    background: center / cover no-repeat;
    display: flex;
    align-items: flex-end;
    padding: 2rem;
    position: relative;
    color: #fff;
}
.svs-cta__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent, rgba(16,13,10,0.82));
}
.svs-cta__inner > div { position: relative; z-index: 1; max-width: 32rem; }

.svs-prose { font-size: 1.02rem; }
.svs-prose p { margin: 0 0 1rem; }
.svs-page__cover { width: 100%; margin-bottom: 1.4rem; }
.svs-aside-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin: 1rem 0; }
.svs-aside-gallery img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.svs-thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.4rem; margin: 1rem 0; }
.svs-thumbs img { width: 100%; height: 72px; object-fit: cover; }
.svs-side-list a { display: block; padding: 0.55rem 0; border-bottom: 1px solid var(--svs-line); }
.svs-side-list .is-active a { color: var(--svs-gold); }
.svs-contact__info ul { margin: 1rem 0 1.4rem; }
.svs-contact__info li { display: flex; gap: 0.7rem; margin-bottom: 0.7rem; }
.svs-contact__info i { color: var(--svs-gold); margin-top: 0.3rem; }

.svs-blog-card { background: #fff; margin-bottom: 1.4rem; border: 1px solid var(--svs-line); }
.svs-meta { display: flex; gap: 1rem; color: var(--svs-muted); font-size: 0.8rem; margin-bottom: 0.6rem; }
.svs-sidebar > div { background: #fff; border: 1px solid var(--svs-line); padding: 1.1rem; margin-bottom: 1rem; }
.svs-sidebar h2 { font-size: 1.3rem; }
.svs-sidebar a { display: block; padding: 0.35rem 0; }
.svs-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.svs-tags a { border: 1px solid var(--svs-line); padding: 0.2rem 0.55rem !important; font-size: 0.8rem; }
.svs-pager { margin-top: 1.5rem; }
.svs-pager ul, .pagination-list { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.svs-pager a, .svs-pager span, .pagination-list a, .pagination-list span {
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--svs-line);
    background: #fff;
}

.svs-footer {
    background: var(--svs-footer, #141210);
    color: var(--svs-footer-text, #d8d0c4);
    padding-top: 3rem;
}
.svs-footer__grid { display: grid; gap: 2rem; padding-bottom: 2rem; }
.svs-footer__brand {
    display: inline-block;
    margin: 0 0 1rem;
}
.svs-footer__brand img {
    display: block;
    height: 48px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
}
.svs-footer h2 { font-size: 1.2rem; color: #fff; }
.svs-footer a:hover { color: var(--svs-gold); }
.svs-footer p { color: inherit; }
.svs-copy {
    background: var(--svs-copy-bg, #0e0c0b);
    color: var(--svs-copy-text, #8a8175);
    padding: 1rem 0;
    font-size: 0.82rem;
}

.svs-cookie {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 50;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.1rem;
    background: var(--svs-ink);
    color: #fff;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}
.svs-cookie[hidden],
.svs-popup[hidden],
.svs-lightbox[hidden] {
    display: none !important;
}
.svs-cookie p { margin: 0; font-size: 0.88rem; }

.svs-popup {
    position: fixed;
    inset: 0;
    z-index: 60;
    background: rgba(10,8,6,0.72);
    display: grid;
    place-items: center;
    padding: 1rem;
}
.svs-popup__box { position: relative; max-width: 720px; }
.svs-popup__close,
.svs-lightbox__close {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    font-size: 1.4rem;
}

.svs-lightbox {
    position: fixed;
    inset: 0;
    z-index: 70;
    background: rgba(10,8,6,0.92);
    display: grid;
    place-items: center;
    padding: 3rem 1rem;
    color: #fff;
}
.svs-lightbox figure { margin: 0; max-width: min(1100px, 100%); }
.svs-lightbox img { max-height: 78vh; width: auto; margin: 0 auto; }
.svs-lightbox figcaption { text-align: center; margin-top: 0.8rem; color: var(--svs-stone); }
.svs-lightbox__prev,
.svs-lightbox__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255,255,255,0.3);
    background: transparent;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
}
.svs-lightbox__prev { left: 0.6rem; }
.svs-lightbox__next { right: 0.6rem; }
.svs-lightbox__close { top: 0.8rem; right: 0.8rem; }

@media (min-width: 700px) {
    .svs-intro__grid { grid-template-columns: 1.1fr 0.9fr; align-items: end; }
    .svs-mosaic { grid-template-columns: 1.2fr 1fr; grid-template-rows: 220px 220px 220px; }
    .svs-mosaic__item:nth-child(1) { grid-row: 1 / 3; min-height: auto; }
    .svs-cards { grid-template-columns: 1fr 1fr; }
    .svs-cards--3 { grid-template-columns: 1fr 1fr; }
    .svs-gallery { grid-template-columns: repeat(3, 1fr); }
    .svs-steps { grid-template-columns: 1fr 1fr; }
    .svs-refs__row { grid-template-columns: repeat(4, 1fr); }
    .svs-values__grid { grid-template-columns: 1fr 1fr 1fr; }
    .svs-range__grid { grid-template-columns: repeat(4, 1fr); }
    .svs-stats__grid { grid-template-columns: repeat(4, 1fr); }
    .svs-about-band__float { display: block; }
    .svs-footer__grid { grid-template-columns: 1.4fr 1fr 1.1fr; }
}

@media (min-width: 980px) {
    .svs-about-band__grid,
    .svs-about-story__grid,
    .svs-tech__grid,
    .svs-page__grid,
    .svs-service-detail__grid,
    .svs-contact__grid,
    .svs-blog__grid { grid-template-columns: 1.15fr 0.85fr; align-items: start; gap: 3rem; }
    .svs-tech__grid { grid-template-columns: 0.9fr 1.1fr; }
    .svs-cards,
    .svs-cards--3 { grid-template-columns: repeat(3, 1fr); }
    .svs-gallery { grid-template-columns: repeat(5, 1fr); }
    .svs-gallery__item:nth-child(1) { grid-column: span 2; }
    .svs-gallery__item:nth-child(7) { grid-column: span 2; }
    .svs-steps { grid-template-columns: repeat(4, 1fr); }
    .svs-home-contact { grid-template-columns: 1.15fr 0.85fr; }
    .svs-home-contact__map iframe { height: 100%; min-height: 420px; }
    .svs-home-contact__form { padding: 3rem; }
    .svs-hero { min-height: 88vh; }
    .svs-hero__copy, .svs-hero { min-height: 88vh; }
    .svs-hero__copy { justify-content: center; padding-top: 5rem; }
}

@media (max-width: 699px) {
    .svs-topbar__social { display: none; }
    .svs-cookie { flex-direction: column; align-items: stretch; }
}