:root {
            --bg: #fff;
            --fg: #1f1f1f;
            --muted: #5f6368;
            --rule: #dadce0;
            --chip: #f1f3f4;
            --your-accent-blue: #1a73e8;
            --your-active-bg: #D2E1FC;
            --your-active-text: #0A57D0;
            --your-nested-active-text: #5f6368;
        }
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: Roboto, Arial, sans-serif;
        }
        body {
            background-color: var(--bg);
        }
        .body--lock { overflow: hidden; }
        .appbar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: var(--bg);
            z-index: 1000;
            box-shadow: 0 1px 0 var(--rule);
        }
        .appbar-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 8px 16px;
            width: 100%;
            margin: 0 auto;
        }
        .burger {
            display: none;
            width: 36px;
            height: 36px;
            padding: 6px;
            border-radius: 50%;
            border: none;
            background: transparent;
            cursor: pointer;
            color: var(--muted);
        }
        .burger:hover { background: var(--chip); }
        .brand {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-grow: 1;
            padding-left: 0;
        }
        .brand-logo-svg, .logo-image {
            height: 24px;
            width: auto;
            vertical-align: middle;
            fill: #000;
        }
        .brand span {
            font-size: 22px;
            font-weight: 400;
            color: #1F1F1F;
        }
        .header-right {
            margin-top: 10px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            position: absolute;
            top: 0;
            right: 5px;
        }
        .waffle-icon {
            width: 24px;
            height: 24px;
            cursor: pointer;
            margin-right: 15px;
        }
        .profile-container {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            overflow: hidden;
            margin-right: 20px;
        }
        .profile-img {
            position: absolute;
            width: 24px;
            height: 24px;
            border-radius: 50%;
        }
        .profile-svg {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 1;
        }
        #waffle-portal {
            display: none;
            position: absolute;
            top: 40px !important;
            right: -10px !important;
            width: 370px;
            height: 610px;
            z-index: 9999;
            background: transparent;
            border: none;
            overflow: hidden;
        }
        #waffle-portal iframe {
            width: 100%;
            height: 100%;
            border: none;
            background: transparent;
        }
        .tabs {
            border-bottom: 1px solid var(--rule);
        }
        .tabs-inner {
            display: flex;
            gap: 28px;
            padding: 0 16px;
            width: 100%;
            margin: 0 auto;
        }
        .tabs a {
            padding: 10px 0 8px;
            text-decoration: none;
            font-family: "Google Sans", sans-serif;
            color: #1f1f1f;
            font-weight: 500;
            font-size: 14px;
            border-bottom: 2px solid transparent;
            transition: color 0.1s, border-bottom 0.1s;
        }
        .tabs a.active {
            color: #0b57d0;
            border-bottom: 4px solid #0b57d0;
            padding-bottom: 6px;
        }
        .tabs a:hover:not(.active) {
            color: var(--fg);
        }
        @media (max-width: 1020px) {
            .tabs { display: none; }
            .burger { display: inline-flex; }
            .brand .brand-logo-svg, .brand .logo-image { display: none; }
            .brand {
                margin-left: 8px;
                gap: 0;
                font-weight: 400;
                font-size: 22px;
                color: var(--fg);
                line-height: 1.5;
            }
        }
        .site-drawer {
            position: fixed;
            top: 0;
            left: 0;
            height: 100dvh;
            width: 304px;
            max-width: 86vw;
            background: var(--bg);
            box-shadow: 0 8px 40px rgba(0,0,0,.28);
            transform: translateX(-100%);
            transition: transform .24s ease;
            z-index: 1001;
            display: flex;
            flex-direction: column;
            border-top-right-radius: 28px;
            border-bottom-right-radius: 28px;
            overflow: hidden;
        }
        .site-drawer.open {
            transform: translateX(0);
        }
        .drawer-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,.32);
            z-index: 1000;
            display: none;
        }
        .drawer-overlay.open {
            display: block;
        }
        .drawer-header {
            display: flex;
            align-items: center;
            padding: 16px;
            min-height: 56px;
            gap: 10px;
            border-bottom: 1px solid var(--rule);
        }
        .drawer-header .brand-logo-svg, .drawer-header .logo-image {
            height: 24px;
            width: auto;
            vertical-align: middle;
            fill: #000;
            flex-shrink: 0;
        }
        .drawer-title {
            font-size: 22px;
            font-weight: 400;
            color: #1F1F1F;
            flex-grow: 1;
            white-space: nowrap;
        }
        .drawer-nav {
            padding: 0;
            overflow-y: auto;
        }
        .drawer-nav a.nav-link {
            display: flex;
            align-items: center;
            min-height: 44px;
            padding: 0 24px 0 40px;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            color: var(--fg);
            line-height: 20px;
            position: relative;
        }
        .drawer-nav a.nav-link[data-page]::before {
            content: "";
            position: absolute;
            top: 0;
            left: 40px;
            right: 0;
            height: 1px;
            background: var(--rule);
        }
        .drawer-nav a.nav-link[data-page]:first-of-type::before {
            content: none;
        }
        .drawer-nav a.nav-link.active {
            background-color: var(--your-active-bg);
            color: var(--your-active-text);
            border-radius: 50px 0 0 50px;
            margin: 0;
            padding-left: 40px;
            font-weight: 600;
        }
        .drawer-nav a.nav-link:hover:not(.active) {
            background-color: transparent;
        }
        .nested-links {
            padding-bottom: 0;
        }
        .nested-links a.nav-link {
            display: flex;
            align-items: center;
            min-height: 48px;
            padding: 0 24px 0 56px;
            font-weight: 400;
            font-size: 13px;
            color: var(--fg);
        }
        .nested-links a.nav-link.active-nested {
            color: var(--your-nested-active-text);
            font-weight: 500;
        }
        .nested-links a.nav-link.active {
            /* Keep nested active pill aligned with nested text column (56px). */
            margin-left: 16px;
            padding-left: 40px;
            background-color: var(--your-active-bg);
            color: var(--your-active-text);
            border-radius: 50px 0 0 50px;
            font-weight: 600;
        }
        .nested-links a.nav-link:hover:not(.active):not(.active-nested) {
            background-color: transparent;
        }
        

/* ===== tokens (kept from your layout) ===== */
    :root{
      --bg:#fff;
      --fg:#1f1f1f;
      --muted:#5f6368;
      --rule:#dadce0;

      --frame-w:1446.6px; /* 304 + 1 + 70 + 760 + 21.6 + 290 */
      --menu-w:304px;
      --divider-w:1px;
      --gap-left:70px;

      --main-w:760px;
      --gap-right:21.6px;
      --aside-w:290px;

      --sticky-top:100px;

      --fn-ink:#708090; /* footnote accent */

      /* ===== two-piece rail geometry ===== */
      --bubble-size:36px;            /* bubble (circle) diameter */
      --rail-thick:3px;              /* divider thickness */
      --rail-center:18px;            /* center of bubble (bubble-size/2) */
      --headroom:96px;               /* extra line above card */
      --tailroom:12px;               /* extra line below card */
    }

    *{box-sizing:border-box}
    html,body{height:100%;margin:0}
    body{
      color:var(--fg);
      background:var(--bg);
      font:16px/1.54 Roboto,Arial,Helvetica,sans-serif;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
    a{color:#0b57d0;text-decoration:none}

    /* ===== outer frame (left nav | content col) ===== */
    .frame{display:flex;justify-content:flex-start;padding:0}
    .row{display:flex;align-items:flex-start;width:100%;max-width:none;min-width:0}

     .col-left{
      position:sticky !important;top:var(--sticky-top)!important;align-self:flex-start;
      width:var(--menu-w);min-width:var(--menu-w);
      padding:12px 0 24px 0;
      height:auto;
      overflow:visible;
    }
.frame, .row{ overflow: visible !important; }
    .divider{
      width:var(--divider-w);
      min-width:var(--divider-w);
      background:#dadce0;
      align-self:stretch;
      margin:0;
      flex-shrink:0;
      position:relative;
    }
    .divider::before{
      content:"";
      position:absolute;
      left:0;
      top:-100px;
      width:1px;
      height:100px;
      background:#dadce0;
    }
    .gap-left{
      width:var(--gap-left);
      min-width:var(--gap-left);
      flex-shrink:0;
    }
    /* ===== content column made of per-section rows ===== */
    .content-col{
      width:calc(var(--main-w) + var(--gap-right) + var(--aside-w));
      min-width:calc(var(--main-w) + var(--gap-right) + var(--aside-w));
      display:flex;flex-direction:column;gap:32px;
      padding:32px 0;
      margin-left:20px;
    }
    .slice{display:flex;align-items:stretch;gap:var(--gap-right)}
    .slice-main{flex:0 0 var(--main-w);min-width:var(--main-w)}
    .slice.prose .slice-main{display:flex;flex-direction:column}
    .slice-rail{flex:0 0 var(--aside-w);min-width:var(--aside-w);padding:24px 0;position:relative}

    /* left nav */
    .sidenav{list-style:none;margin:0;padding:0;font-weight:500;display:block !important;width:100% !important}
    .sublinks{list-style:none;margin:0;padding:0;display:block !important;width:100% !important}
    .col-left .sidenav,
    .col-left .sublinks,
    .col-left .sublinks-subcategories{
      margin:0 !important;
      padding:0 !important;
    }
    .col-left .sidenav > li,
    .col-left .sublinks > li,
    .col-left .sublinks-subcategories > li{
      list-style:none;
      margin:0 !important;
      padding:0 !important;
    }
    .col-left .sidenav > li{
      display:block;
      width:100%;
    }
    .sublinks a{display:flex;align-items:center;height:47.6px;padding:0 12px 0 28px;color:#1f1f1f;border-radius:8px;font-weight:400;font-size:14px}
    .sublinks a[aria-current="location"]{color:#0b57d0;font-weight:500}
    .sublinks-divider{
      display:block;
      height:1px;
      border:0;
      background:var(--rule);
      width:100% !important;
      min-width:100% !important;
      max-width:none !important;
      margin:12px 0 !important;
      padding:0 !important;
      inset-inline-start:0;
      position:static;
    }
    .sublinks-subcategories{
      list-style:none;
      margin:0;
      padding:0;
      display:block !important;
      width:100% !important;
    }
    .sublinks-subcategories a{
      display:flex;
      align-items:center;
      height:45.6px;
      padding:0 12px 0 28px;
      color:#1f1f1f;
      border-radius:8px;
      font-weight:400;
      font-size:14px;
      line-height:1;
      text-decoration:none;
    }

    /* headings/body */
    .eyebrow{color:#3c4043;font:500 12px/1.66 "Google Sans",Roboto,Arial,sans-serif;letter-spacing:.8px;text-transform:uppercase;margin:0 0 .5rem}
    .lede{color:#3c4043;font:500 24px/1.33 "Google Sans",Roboto,Arial,sans-serif;margin:8px 0 16px}
    .prose p{margin:12px 0}
    .slice.prose[id]{scroll-margin-top:120px}
    #intro,#relationship,#provide-services,#develop-services,#using-services,#respect-others,#permission-content,#content-in-services,#software-in-services,#liabilities,#taking-action,#suspending-access,#settling-disputes,#about-terms{scroll-margin-top:120px}

    /* ===== inline footnote trigger (keep your class) ===== */
    .fn{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:#0b57d0;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:4px;text-decoration:underline dotted currentColor;text-underline-offset:2px;text-decoration-thickness:1px}
    .fn:focus,.fn:focus-visible{outline:none}
    .fn::before{
      content:"";
      order:2;
      width:16px;
      height:16px;
      flex:0 0 16px;
      background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='rgb(11, 87, 208)'%3E%3Cpath d='M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-size:16px 16px;
      background-position:center;
    }
    .fn::after{content:none}

    .rail-empty{color:var(--muted);font-size:14px}

    /* ===== two-piece rail footnote (adjusted to scroll with text) ===== */
    .note-panel{
      position:absolute; /* Changed from fixed to absolute to scroll with text */
      max-width:287px;
      background:#fff;
      z-index:999;
    }

    /* circle bubble with back chevron (purely decorative) */
    .note-back{
      position:absolute;
      left:calc(-1 * var(--rail-center));   /* center bubble on rail line */
      top:0;
      width:var(--bubble-size);
      height:var(--bubble-size);
      background:#fff;
      border:1px solid #e9eef6;
      border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      z-index:2; /* above the rail segments */
    }
    .note-back svg{display:block}

    /* card holds title/body and the two rail segments */
    .note-card{
      position:relative;
      background:#fff;
      padding:2px 0;
      margin-left:var(--rail-center); /* space for the rail + bubble */
    }

    /* short TOP segment (CSS-only): ends exactly at bubble center */
    .note-card::before{
      content:"";
      position:absolute;
      left:calc(-1 * var(--rail-center));
      top:calc(-1 * var(--headroom));       /* extend above card a bit */
      width:0;
      height:calc(var(--rail-center) + var(--headroom)); /* up to bubble center */
      border-left:var(--rail-thick) solid #e9eef6;
      z-index:1; /* stays under the bubble */
    }

    /* long BOTTOM segment (dynamic element appended in JS) */
    .note-rail-dyn{
      position:absolute;
      left:calc(-1 * var(--rail-center));
      top:var(--rail-center);               /* start at bubble center */
      bottom:calc(-1 * var(--tailroom));    /* extend below card a bit */
      border-left:var(--rail-thick) solid #e9eef6;
      z-index:1;
    }

    .note-title{
      font-weight:500;font-size:18px;line-height:1.444;color:#1F1F1F;
      margin:calc(var(--bubble-size) + 0px) 32px 30px 0; /* push text below bubble + 30px gap to body */
    }
    .note-body{margin:0 32px 32px 0;font-size:16px;font-weight:400;line-height:1.714;color:#5F6368;}
    .note-body p{margin:10px 0}
    .note-body a{color:#0b57d0;text-decoration:underline}
    .slice-main a[target="_blank"]:not([class])::after,
    .note-body a[target="_blank"]:not([class])::after{
      content:"";
      display:inline-block;
      width:14px;
      height:14px;
      margin-left:4px;
      vertical-align:-2px;
      background:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%230b57d0%27%3E%3Cpath d=%27M19%2019H5V5h7V3H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2v-7h-2v7zM14%203v2h3.59l-9.83%209.83%201.41%201.41L19%206.41V10h2V3h-7z%27/%3E%3C/svg%3E") center/14px 14px no-repeat;
    }

    /* ===== responsive (mobile footnotes hidden for now) ===== */
    @media (max-width:980px){
      .row{flex-direction:column;max-width:min(100%, var(--main-w))}
      .col-left{display:none}
      .divider,.gap-left{display:none}
      .content-col{width:100%;min-width:0;padding:24px 24px 0;margin-left:0}
      .slice{flex-direction:column}
      .slice-main,.slice-rail{flex:0 1 auto;min-width:0}
      .slice-rail{display:none}
    }
    /* Plain table styling limited to the 'Information we collect' section */
    #collect .slice-main table{
      width:100%;
      border-collapse:collapse;
      table-layout:fixed;
      background:#fff;
      border:1px solid var(--rule);
    }

    /* Cells */
    #collect .slice-main th,
    #collect .slice-main td{
      border:1px solid var(--rule);
      padding:12px 14px;
      vertical-align:top;
      text-align:left;
    }

    /* Header row */
    #collect .slice-main thead th{
      font-weight:600;
      color:var(--fg);
      background:#fff;
    }

    /* Lists inside cells */
    #collect .slice-main td ul{
      margin:0;
      padding-left:1.1rem;
      list-style:disc;
    }
    #collect .slice-main td ul li{ margin:4px 0; }

    /* Optional: tone the inline footnote trigger without changing behaviour */
    #collect .slice-main .fn{
      color:#0b57d0;
      font-weight:500;
    }

    /* Column hints (works with your <colgroup>) */
    #collect .slice-main table colgroup col:nth-child(1){ width:26% }
    #collect .slice-main table colgroup col:nth-child(2){ width:44% }
    #collect .slice-main table colgroup col:nth-child(3){ width:30% }

    /* European requirements tables */
    #ukrights .eu-table-block{
      margin:24px 0;
      border:1px solid var(--rule);
      border-radius:12px;
      background:#fff;
      overflow:hidden;
    }
    #ukrights .eu-table-title{
      margin:0;
      padding:12px 16px;
      font:500 16px/1.4 "Google Sans",Roboto,Arial,sans-serif;
      color:#1f1f1f;
      background:#f8f9fa;
      border-bottom:1px solid var(--rule);
      position:static;
    }
    #ukrights .eu-table{
      width:100%;
      border-collapse:collapse;
      table-layout:fixed;
    }
    #ukrights .eu-table colgroup col:nth-child(1){ width:28% }
    #ukrights .eu-table colgroup col:nth-child(2){ width:38% }
    #ukrights .eu-table colgroup col:nth-child(3){ width:34% }
    #ukrights .eu-table th,
    #ukrights .eu-table td{
      border:1px solid var(--rule);
      padding:12px 14px;
      vertical-align:top;
      text-align:left;
    }
    #ukrights .eu-table thead th{
      background:#fff;
      color:#1f1f1f;
      font-weight:600;
    }
    #ukrights .eu-table-block--sticky .eu-table thead th{
      position:sticky;
      top:120px;
      z-index:2;
    }
    #ukrights .eu-table td ul{
      margin:0;
      padding-left:1.1rem;
      list-style:disc;
    }
    #ukrights .eu-table td ul li{ margin:4px 0; }
    #about .slice-main h3{
      margin:24px 0 10px;
      font-size:24px;
      font-weight:500;
      line-height:1.33;
      color:#1f1f1f;
    }
    #about .slice-main > h2{
      font-size:12px;
      line-height:1.6;
    }
    #about .slice-main p,
    #about .slice-main li{
      font-size:16px;
      line-height:1.54;
      color:#1f1f1f;
    }
    #about .slice-main ul{
      margin:8px 0 14px;
      padding-left:1.1rem;
      list-style:disc;
    }
    #about .slice-main ul li{ margin:4px 0; }

    /* Definitions page spacing and rhythm */
    #definitions .slice-main > h2{
      margin:0 0 10px;
      color:#3c4043;
      font:500 11px/1.7 "Google Sans",Roboto,Arial,sans-serif;
      letter-spacing:.8px;
      text-transform:uppercase;
    }
    #definitions .slice-main .definitions-index{
      margin:6px 0 72px 20px;
      padding-left:18px;
      list-style:disc;
    }
    #definitions .slice-main .definitions-index li{
      margin:0 0 16px;
    }
    #definitions .slice-main .definitions-index a{
      font-size:12px;
      line-height:1.75;
      text-decoration:underline;
      text-underline-offset:2px;
    }
    #definitions .slice-main > h3{
      margin:56px 0 16px;
      color:#1f1f1f;
      font:500 38px/1.24 "Google Sans",Roboto,Arial,sans-serif;
    }
    #definitions .slice-main > h3 + p{
      margin:0;
      color:#3c4043;
      font-size:13px;
      line-height:1.8;
    }
    #definitions .slice-main > p{
      color:#3c4043;
      font-size:13px;
      line-height:1.8;
      margin:0;
    }
    #definitions .slice-main > p + ul:not(.definitions-index){
      margin:12px 0 0 20px;
      padding-left:18px;
      list-style:disc;
    }
    #definitions .slice-main > ul:not(.definitions-index){
      margin:12px 0 0 20px;
      padding-left:18px;
      list-style:disc;
    }
    #definitions .slice-main > ul:not(.definitions-index) li{
      margin:10px 0;
      color:#3c4043;
      font-size:13px;
      line-height:1.8;
    }
    #definitions .slice-main > ul:not(.definitions-index) + p{
      margin-top:14px;
    }

    /* mobile: slide-in drawer for footnotes with updated dimensions */
    @media (max-width:980px){
      #definitions .slice-main .definitions-index{
        margin-bottom:56px;
      }
      #definitions .slice-main > h3{
        margin-top:44px;
        font-size:32px;
      }
      #ukrights .eu-table-block--sticky .eu-table thead th{ position:static; }
      .note-panel{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(300px, 88vw); /* Max width set to 300px */
        max-width: 300px; /* Ensure max width is 300px */
        height: 778px; /* Fixed height set to 778px */
        padding: 16px 20px 24px;
        overflow: auto;
        border-left: 1px solid #e9eef6;
        box-shadow: -12px 0 24px rgba(0,0,0,.15); /* Shadow only when open */
        transform: translateX(100%);
        transition: transform .4s ease; /* Adjusted to 400ms for balanced speed */
        z-index: 10000;
      }
      .note-panel.is-open{
        transform: translateX(0);
        box-shadow: -12px 0 24px rgba(0,0,0,.15); /* Ensure shadow applies when open */
      }

      .note-backdrop{
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity .4s ease; /* Adjusted to match panel transition */
        z-index: 9999;
      }
      .note-backdrop.is-open{
        opacity: 1;
        pointer-events: auto;
      }

      .note-card{
        margin-left: 0;
      }
      .note-card::before, .note-rail-dyn, .note-back{
        display: none;
      }
    }

    /* no animations for reduced motion */
    @media (prefers-reduced-motion: reduce){
      .note-panel, .note-backdrop{ transition: none }
    }

    /* stop background scroll when drawer is open */
    .lock-scroll{ overflow: hidden }
	  @media (max-width:980px){
  /* closed state: no visual edge */
  .note-panel{
    box-shadow: none;         /* was: -12px 0 24px rgba(0,0,0,.15) */
    border-left: 0;           /* remove the 1px line when hidden */
    transform: translateX(100%);
  }
  /* open state: add edge + slide in */
  .note-panel.is-open{
    box-shadow: -12px 0 24px rgba(0,0,0,.15);
    border-left: 1px solid #e9eef6;
    transform: translateX(0);
  }
}
/* image gallery under section titles (holder only) */
.section-gallery{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
  margin:0 0 14px;
  align-items:center;              /* vertical alignment in the row */
  justify-content:center;
  order:-1;
}

/* invisible holder, fixed size */
.gallery-card{
  flex:0 0 auto;
  width:440px;
  height:289.5px;
  display:flex;                    /* center the image inside */
  align-items:center;
  justify-content:center;
  border:0;                        /* holder not visible */
  background:transparent;
  overflow:hidden;
}

/* make the image fit and be centered */
.gallery-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;              /* show the whole image */
  object-position:center;          /* center inside the holder */
  border-radius:12px;              /* optional: keep the rounded look */
}

/* smaller screens */
@media (max-width:980px){
  .section-gallery{ gap:12px }
  .gallery-card{
    width:360px;
    height:236.8px;
  }
}


#brx-footer .brxe-section,
#brx-footer .brxe-container{
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  min-height:0 !important;
  height:auto !important;
}

#brx-footer {
  border-top: 1px solid var(--rule);
  margin-top: 0;
  position: relative;
  min-height: 0 !important;
  height: auto !important;
}

#brx-footer .g-footer,
#brx-footer .g-footer__inner{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
}

#brx-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 1px;
  transform: translateX(-50%);
  background: rgba(0,0,0,.12);
}

/* Google-like footer layout */
.g-footer {
  background: #fff;
  border-top: 1px solid #eee;
  width: 100%;
}

.g-footer__inner {
  max-width: 978px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  min-height: 40px;
}

/* links (left) */
.g-footer__links {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  font-family: Roboto, arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 2.19;
}
.g-footer__links li + li::before {
  content: "·";
  padding: 0 6px;
  color: #1f1f1f;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.j-static.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

.g-footer__links a {
  color: #1f1f1f;
  font-family: 'Roboto', arial, sans-serif;
  font-style: normal;
  font-weight: 300;
  text-decoration: underline;
}
.g-footer__links a:hover {
  color: #1f1f1f;
  text-decoration: underline;
}

/* language group + icon */
.g-footer__lang {
  display: flex;
  align-items: center;
  gap: 8px;
}
.g-footer__lang::before {
  content: "";
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  background: transparent
    url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAAABGdBTUEAALGPC/xhBQAAAFpQTFRFAAAAc8b%2BeNj%2BeLL7lt3/YbL4cs/9rNn8p9b7%2Bfn5hdD/a8D/7vD/vOL9itf%2B////3PD%2Byuj9R6348Pb7KZz2UL78MKL3Oqv4Zsz/ndX8qN/%2BI5T0S7X4W8b9mmuivQAAAAF0Uk5TAEDm2GYAAACXSURBVBjTXYqLEsIwCARR%2B27zpCFNxP//TSGOTu3OhDs2wGaPM9bD8hKGMDtnDq130GkxDK/BY/tVc6CtXa21Q72ClFKoqUrINBLAzHP9grKpccxFYmqNIcY4j%2BXDiLJBztmUXCRkGgkgIsZbO1kwEjVDKwYmDriSGt6FPHrnp6x1Bd/vzxP9Bj8mFfBH2K8Gtng1AA95bxQhE7o%2B68UQAAAAAElFTkSuQmCC")
    center center / 17px 17px no-repeat;
}

/* language (right) */
.g-footer__select {
  font-size: 12px;
  font-family: Roboto, arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  padding: 2px 20px 2px 8px;
  border: 1px solid #dadce0;
  border-radius: 4px;
  background: #fff;
  color: #1f1f1f;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%23666' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 12px;
  cursor: pointer;
}
.g-footer__select:focus {
  outline: none;
  border-color: #708090;
  box-shadow: 0 0 0 1px #708090;
}

/* screen-reader-only label */
.g-visually-hidden {
  position: absolute!important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}

@media (max-width: 768px) {
  .g-footer__inner {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
  }

  .g-footer__links {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    line-height: 2.19;
  }

  .g-footer__lang {
    width: auto;
    align-self: flex-start;
  }
}