@font-face{
  font-family:'Cabinet Grotesk';
  src:url('fonts/cabinet-grotesk-500.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Cabinet Grotesk';
  src:url('fonts/cabinet-grotesk-700.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Cabinet Grotesk';
  src:url('fonts/cabinet-grotesk-800.woff2') format('woff2');
  font-weight:800;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Satoshi';
  src:url('fonts/satoshi-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Satoshi';
  src:url('fonts/satoshi-500.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:'Satoshi';
  src:url('fonts/satoshi-700.woff2') format('woff2');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
  --brand-900:#1e4a5b;
  --brand-950:#163744;
  --ink:#0b1220;
  --paper:#fbfcfd;
  --muted:#6b7280;
  --ring: rgba(30,74,91,.25);
  --header-height: 5rem;
  --container-max: 80rem;
  --container-pad: 1.5rem;
}

@media (max-width: 767px){
  :root{
    --header-height: 4rem;
  }
}

html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width:100%;
  overflow-x:hidden;
}
body{
  font-family:'Satoshi',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  max-width:100%;
  overflow-x:hidden;
}
body.body-menu-open{
  overflow:hidden;
}
@supports (overflow: clip){
  html,body{ overflow-x:clip; }
}
h1,h2,h3,h4{ font-family:'Cabinet Grotesk',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:-.02em; }
.site-main{ padding-top: var(--header-height); }
.view-transition-nav{ view-transition-name: main-nav; }
.view-transition-main{ view-transition-name: main-content; }

@view-transition { navigation: auto; }
::view-transition-old(main-content){ animation:.28s ease-out both fade-out; }
::view-transition-new(main-content){ animation:.28s ease-in .06s both fade-in; }
@keyframes fade-out{ from{opacity:1} to{opacity:0} }
@keyframes fade-in{ from{opacity:0} to{opacity:1} }

.reveal-on-scroll{ opacity:0; transform: translateY(18px); transition: opacity .6s ease, transform .6s ease; }
.reveal-on-scroll.visible{ opacity:1; transform: translateY(0); }
details summary::-webkit-details-marker{ display:none; }

/* Logo */
.logo{ text-decoration:none; }
.logo-textblock{ display:flex; flex-direction:column; justify-content:center; line-height:1.05; white-space:nowrap; }
.logo-title{ font-weight:800; color:#000; font-size:32px; }
.logo-tagline{ font-weight:500; color:#000; font-size:16px; margin-top:2px; }
.logo-icon{ width:auto; flex:0 0 auto; display:block; }
.logo--header .logo-icon{ height:56px; }
.logo--footer .logo-icon{ height:48px; }
.logo--footer .logo-title{ font-size:26px; }
.logo--footer .logo-tagline{ font-size:14px; }

@media (max-width:767px){
  #siteHeader > div{
    height: 4rem;
  }
  .logo--header .logo-icon{ height:40px; }
  .logo--header .logo-title{ font-size:20px; }
  .logo--header .logo-tagline{ display:none; }
  .logo--footer .logo-icon{ height:40px; }
  .logo--footer .logo-title{ font-size:22px; }
  .logo--footer .logo-tagline{ font-size:12px; }
}

.nav-dropdown{
  position:relative;
}

.nav-dropdown__trigger{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#4b5563;
  transition:color .2s ease;
}

.nav-dropdown__trigger:hover,
.nav-dropdown__trigger:focus-visible,
.nav-dropdown.is-open .nav-dropdown__trigger{
  color:var(--brand-900);
}

.nav-dropdown__trigger iconify-icon{
  transition:transform .2s ease;
}

.nav-dropdown__panel{
  position:absolute;
  left:0;
  top:calc(100% + .95rem);
  z-index:45;
  display:grid;
  gap:.25rem;
  width:min(18rem, 80vw);
  padding:.75rem;
  border:1px solid rgba(148,163,184,.25);
  border-radius:1.5rem;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 48px rgba(15,23,42,.12);
  opacity:0;
  visibility:hidden;
  transform:translateY(.35rem);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
}

.nav-dropdown__link{
  display:block;
  padding:.8rem .95rem;
  border-radius:1rem;
  color:#0f172a;
  font-size:.95rem;
  font-weight:700;
  line-height:1.3;
  transition:background-color .18s ease, color .18s ease;
}

.nav-dropdown__link:hover,
.nav-dropdown__link:focus-visible{
  background:#f8fafc;
  color:var(--brand-900);
}

.nav-dropdown.is-open .nav-dropdown__panel{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

.nav-dropdown.is-open .nav-dropdown__trigger iconify-icon{
  transform:rotate(180deg);
}

/* Modern hero background */
.hero-home{
  --hero-header-offset: var(--header-height);
  position:relative;
  display:flex;
  align-items:center;
  min-height: calc(100svh - var(--hero-header-offset));
  padding-block: clamp(2.5rem, 7vh, 5.25rem);
  isolation:isolate;
  background-image:
    radial-gradient(1100px 560px at 14% 14%, rgba(22,55,68,.62) 0%, rgba(22,55,68,0) 62%),
    linear-gradient(118deg, rgba(6,14,20,.74) 0%, rgba(8,16,24,.5) 44%, rgba(8,16,24,.24) 100%),
    url('images/home/home-hero-cp19-03-2026.png');
  background-size: cover;
  background-position: center right 10%;
  background-repeat:no-repeat;
}
.hero-home::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(3,10,15,.18) 0%, rgba(3,10,15,.38) 100%);
  pointer-events:none;
}
.hero-home::after{
  content:"";
  position:absolute; inset:0;
  background-image: radial-gradient(circle at 80% 28%, rgba(255,255,255,.12), rgba(255,255,255,0) 55%);
  pointer-events:none;
}
.hero-home .hero-content{
  position:relative;
  z-index:1;
  width:min(100%, var(--container-max));
  margin-inline:auto;
  padding-inline: var(--container-pad);
}

.hero-home .hero-copy{
  max-width: min(44rem, 100%);
  text-align:left;
}

.hero-home .hero-kicker{
  font-size: .82rem;
  letter-spacing: .16em;
  line-height: 1.25;
  margin-bottom: 1.15rem;
}

.hero-home .hero-title{
  font-size: clamp(2.7rem, 5.7vw, 5.25rem);
  line-height: 1.02;
  margin-bottom: 1.25rem;
  text-wrap: balance;
}

.hero-home .hero-subtitle{
  font-size: clamp(1.08rem, 1.6vw, 1.52rem);
  line-height: 1.45;
  margin-bottom: 2rem;
  text-wrap: pretty;
}

.hero-home .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
}

.hero-home .hero-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 3.5rem;
  border-radius: 9999px;
}

.hero-home .hero-btn{
  padding-inline: 2.05rem;
  padding-block: .75rem;
  font-size: 1.13rem;
  line-height: 1.1;
}

.hero-grid-overlay{
  background-image:
    linear-gradient(to right, rgba(30,74,91,.35) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(30,74,91,.35) 1px, transparent 1px);
  background-size: 28px 28px;
}

.site-icon{
  display:inline-block;
  width:1em;
  height:1em;
  flex-shrink:0;
  vertical-align:-0.125em;
}

.portfolio-featured-overlay{
  background:
    linear-gradient(180deg, rgba(15,23,42,0) 24%, rgba(15,23,42,.08) 42%, rgba(15,23,42,.28) 66%, rgba(2,6,23,.82) 100%),
    linear-gradient(90deg, rgba(2,6,23,.48) 0%, rgba(2,6,23,.18) 40%, rgba(2,6,23,0) 76%);
}

.portfolio-featured-copy{
  max-width:min(28rem, 84%);
  padding:0;
}

.portfolio-featured-title.text-slate-900,
.portfolio-card-title.text-slate-900{
  color:#f8fafc !important;
  text-shadow:0 4px 24px rgba(2,6,23,.52);
}

.portfolio-featured-blurb.text-slate-600,
.portfolio-card-note.text-slate-600{
  color:rgba(241,245,249,.92) !important;
  text-shadow:0 2px 16px rgba(2,6,23,.34);
}

.portfolio-card{
  isolation:isolate;
  animation: portfolio-card-in .72s cubic-bezier(.2,.8,.2,1) both;
  animation-delay: var(--portfolio-stagger, 0ms);
  transform-origin: center bottom;
}

.portfolio-stagger-0{ --portfolio-stagger: 0ms; }
.portfolio-stagger-1{ --portfolio-stagger: 90ms; }
.portfolio-stagger-2{ --portfolio-stagger: 180ms; }
.portfolio-stagger-3{ --portfolio-stagger: 270ms; }
.portfolio-stagger-4{ --portfolio-stagger: 360ms; }

.portfolio-card-overlay{
  background:
    linear-gradient(180deg, rgba(15,23,42,0) 34%, rgba(15,23,42,.08) 52%, rgba(15,23,42,.26) 72%, rgba(2,6,23,.84) 100%),
    linear-gradient(90deg, rgba(2,6,23,.46) 0%, rgba(2,6,23,.16) 40%, rgba(2,6,23,0) 82%);
  transition: background .35s ease;
}

.portfolio-card-copy{
  max-width:min(22rem, 88%);
  padding:0;
  transition: transform .35s ease, opacity .35s ease;
}

.portfolio-card:hover .portfolio-card-overlay,
.portfolio-card:focus-within .portfolio-card-overlay{
  background:
    linear-gradient(180deg, rgba(15,23,42,0) 30%, rgba(15,23,42,.12) 48%, rgba(15,23,42,.34) 70%, rgba(2,6,23,.9) 100%),
    linear-gradient(90deg, rgba(2,6,23,.54) 0%, rgba(2,6,23,.22) 42%, rgba(2,6,23,0) 84%);
}

.portfolio-card:hover .portfolio-card-copy,
.portfolio-card:focus-within .portfolio-card-copy{
  transform: translateY(-4px);
}

.portfolio-card-meta{
  gap:.5rem;
  transition: transform .35s ease, opacity .35s ease;
}

.portfolio-card:hover .portfolio-card-meta,
.portfolio-card:focus-within .portfolio-card-meta{
  transform: translateY(-1px);
}

.portfolio-featured-title.text-slate-900{
  line-height:1.02;
}

.portfolio-card-title.text-slate-900{
  line-height:1.06;
}

.portfolio-featured-blurb.text-slate-600{
  max-width:25rem;
}

.portfolio-card-note.text-slate-600{
  max-width:20rem;
}

@media (hover:hover) and (pointer:fine){
  .portfolio-card-note.text-slate-600{
    max-height:0;
    margin-top:0;
    opacity:0;
    overflow:hidden;
    transform:translateY(6px);
    transition:max-height .28s ease, margin-top .24s ease, opacity .24s ease, transform .24s ease;
  }

  .portfolio-card:hover .portfolio-card-note.text-slate-600,
  .portfolio-card:focus-within .portfolio-card-note.text-slate-600{
    max-height:4.5rem;
    margin-top:.55rem;
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes portfolio-card-in{
  from{
    opacity:0;
    transform:translateY(22px) scale(.985);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

/* CTA hover contrast */
.hero-home :is(a,button)[class*="bg-white"][class*="text-teal-950"]:is(:hover,:focus-visible){
  background:#ecf4f6;
  color:var(--brand-950);
  box-shadow:0 16px 32px rgba(8,16,24,.24), inset 0 0 0 1px rgba(30,74,91,.10);
}

.hero-home :is(a,button)[class*="border-white"][class*="text-white"]:is(:hover,:focus-visible){
  background:rgba(255,255,255,.18);
  color:#fff;
  border-color:rgba(255,255,255,.96);
  box-shadow:0 16px 32px rgba(8,16,24,.18);
}

:is(a,button)[class*="bg-teal-900"][class*="text-white"]:is(:hover,:focus-visible){
  background:var(--brand-950);
  color:#fff;
  box-shadow:0 14px 28px rgba(22,55,68,.28);
}

:is(a,button)[href*="wa.me"]:is(:hover,:focus-visible),
:is(a,button)[class*="bg-green-500"][class*="text-white"]:is(:hover,:focus-visible),
:is(a,button)[class*="bg-[#25D366]"][class*="text-white"]:is(:hover,:focus-visible){
  background:#1ea952;
  color:#fff;
  box-shadow:0 14px 28px rgba(22,163,74,.28);
}

:is(a,button)[class*="border"][class*="text-teal-900"]:is(:hover,:focus-visible),
:is(a,button)[class*="border"][class*="text-slate-900"]:is(:hover,:focus-visible){
  background:var(--brand-900);
  color:#fff;
  border-color:var(--brand-900);
  box-shadow:0 14px 28px rgba(22,55,68,.18);
}

:is(a,button)[class*="rounded-full"]:focus-visible,
:is(a,button)[href*="wa.me"]:focus-visible,
button[class*="bg-teal-900"]:focus-visible,
.filter-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.92), 0 0 0 6px var(--ring);
}

@media (max-width:1024px){
  .hero-home{
    min-height: calc(84svh - var(--hero-header-offset));
    padding-block: clamp(2rem, 5.5vh, 3.4rem);
    background-position: 62% center;
  }
  .hero-home .hero-content{
    padding-inline: var(--container-pad);
  }
  .hero-home .hero-copy{
    max-width: min(38rem, 100%);
  }
  .hero-home .hero-title{
    font-size: clamp(2.35rem, 6.1vw, 4.15rem);
  }
  .hero-home .hero-subtitle{
    font-size: clamp(1rem, 2.1vw, 1.3rem);
    margin-bottom: 1.7rem;
  }
  .portfolio-featured-copy{
    max-width:100%;
  }
  .portfolio-card-copy{
    max-width:100%;
  }
}

@media (max-width:767px){
  .hero-home{
    min-height: clamp(30rem, 64svh, 34rem);
    align-items:flex-start;
    padding-top: clamp(1rem, 3.6vh, 1.45rem);
    padding-bottom: 1rem;
    background-position: 62% center;
  }
  .hero-home .hero-content{
    padding-inline: var(--container-pad);
  }
  .hero-home .hero-copy{
    max-width: 100%;
  }
  .hero-home .hero-kicker{
    font-size: .72rem;
    letter-spacing: .14em;
    padding: .55rem 1rem;
    margin-bottom: 1rem;
  }
  .hero-home .hero-title{
    font-size: clamp(2.1rem, 9.8vw, 3.15rem);
    line-height: 1.05;
    margin-bottom: 1rem;
  }
  .hero-home .hero-subtitle{
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: .85rem;
  }
  .hero-home .hero-actions{
    gap: .55rem;
  }
  .hero-home .hero-actions a{
    width: 100%;
    justify-content: center;
    min-height: 3.15rem;
  }
  .hero-home .hero-btn{
    font-size: 1rem;
    padding-inline: 1.5rem;
  }
  .products-quick-grid{
    padding-top: .2rem;
    gap: .9rem;
  }
  .portfolio-card-copy{
    max-width:100%;
  }
  .portfolio-card:hover .portfolio-card-copy,
  .portfolio-card:focus-within .portfolio-card-copy{
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce){
  .portfolio-card{
    animation:none;
  }
  .portfolio-card-image,
  .portfolio-card-overlay,
  .portfolio-card-copy,
  .portfolio-card-meta{
    transition:none;
  }
}

/* Subtle card polish */
.card-soft{
  border:1px solid rgba(15,23,42,.06);
  box-shadow: 0 12px 30px rgba(2,6,23,.06);
}

.google-reviews__status{
  min-height: 1.5rem;
}

.google-review-card{
  display:flex;
  min-height: 100%;
  flex-direction:column;
  gap: 1.25rem;
}

.google-review-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 1rem;
}

.google-review-card__identity{
  min-width:0;
}

.google-review-card__author{
  font-weight:700;
  color: var(--brand-950);
}

.google-review-card__author-link{
  color:inherit;
  text-decoration:none;
}

.google-review-card__author-link:hover{
  text-decoration:underline;
}

.google-review-card__date{
  margin-top:.25rem;
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#94a3b8;
}

.google-review-card__stars{
  display:flex;
  gap:.2rem;
  flex-wrap:nowrap;
  flex-shrink:0;
}

.google-review-card__star{
  color:#cbd5e1;
}

.google-review-card__star.is-active{
  color:#fbbf24;
}

.google-review-card__copy{
  flex:1 1 auto;
  color:#475569;
  font-style:italic;
  line-height:1.75;
}

.google-review-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-top:auto;
  padding-top:1rem;
  border-top:1px solid rgba(148,163,184,.22);
}

.google-review-card__link{
  color: var(--brand-900);
  font-weight:700;
  text-decoration:none;
}

.google-review-card__link:hover{
  text-decoration:underline;
}

.google-review-card__source{
  font-size:.82rem;
  font-weight:600;
  color:#94a3b8;
}

.google-review-card--loading{
  pointer-events:none;
}

.google-review-card__loading-line{
  height:.95rem;
  width:100%;
  border-radius:999px;
  background: linear-gradient(90deg, rgba(226,232,240,.7), rgba(241,245,249,.95), rgba(226,232,240,.7));
  background-size:200% 100%;
  animation: reviewShimmer 1.4s linear infinite;
}

.google-review-card__loading-line--short{
  width:34%;
}

.google-review-card__loading-line--title{
  width:58%;
}

@keyframes reviewShimmer{
  0%{ background-position:200% 0; }
  100%{ background-position:-200% 0; }
}

@media (max-width: 767px){
  .google-review-card__header,
  .google-review-card__footer{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Hide visual scrollbar but keep scrolling */
.no-scrollbar{
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}

.glass{
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border:1px solid rgba(255,255,255,.45);
  box-shadow: 0 18px 40px rgba(2,6,23,.10);
}

/* Portfolio filters */
.filter-btn{
  color:#0f172a;
  background:#fff;
  border-color: rgba(15,23,42,.12);
}
.filter-btn:hover{
  color:#163744;
  background:rgba(30,74,91,.06);
  border-color: rgba(30,74,91,.45);
  box-shadow:0 10px 20px rgba(22,55,68,.08);
}
.filter-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(30,74,91,.18);
}
.filter-btn.active{
  color:#fff;
  border-color:#1e4a5b;
  background: linear-gradient(135deg, #2a5d71 0%, #1e4a5b 48%, #163744 100%);
  box-shadow: 0 10px 24px rgba(22,55,68,.24);
}
.filter-btn.active:hover{
  color:#fff;
  border-color:#163744;
}

.tabs-scroll{
  display: flex;
  flex-wrap: nowrap;
  gap: 0.75rem;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  justify-content: flex-start;
  margin: 0 -0.5rem 2.5rem;
  padding: 0 0.5rem 0.75rem;
  scroll-snap-type: x proximity;
}
.tabs-scroll::-webkit-scrollbar{
  width: 0;
  height: 0;
  display: none;
}
.tabs-scroll{
  scrollbar-width: none;
}
.tabs-scroll .filter-btn{
  flex: 0 0 auto;
  scroll-snap-align: start;
}

@media (min-width: 768px){
  .tabs-scroll{
    flex-wrap: wrap;
    justify-content: flex-start;
    white-space: normal;
    overflow-x: visible;
    margin: 0 0 2.5rem;
    padding: 0 0.5rem;
    scroll-snap-type: none;
    gap: 1rem;
  }
}

/* Header shadow on scroll */
#siteHeader.header-scrolled{ box-shadow: 0 12px 30px rgba(2,6,23,.08); }

.accessories-image{
  width:100%;
  height:100%;
  object-fit:cover;
}

.accessories-image--exterior{
  object-position:center 38%;
}

.accessories-image--interior{
  object-position:center 18%;
}

.accessories-image--mosquiteira{
  object-position:56% center;
}

.accessories-hero{
  background:
    linear-gradient(180deg, rgba(30,74,91,.08) 0%, rgba(30,74,91,.05) 54%, rgba(255,255,255,.92) 100%);
}

/* Cookie consent */
.cookie-consent{
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 70;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .24s ease, transform .24s ease;
  pointer-events: none;
}
.cookie-consent.is-visible{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.cookie-consent__panel{
  width: min(100%, 72rem);
  margin-inline: auto;
  padding: 1.1rem 1.15rem;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 1.5rem;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 40px rgba(2,6,23,.16);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.cookie-consent__copy{
  display: grid;
  gap: .45rem;
}
.cookie-consent__eyebrow{
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--brand-900);
}
.cookie-consent__text{
  font-size: .95rem;
  line-height: 1.55;
  color: #334155;
}
.cookie-consent__text a{
  color: var(--brand-900);
  font-weight: 700;
  text-decoration: underline;
}
.cookie-consent__actions{
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1rem;
}
.cookie-consent__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.9rem;
  padding: .7rem 1.15rem;
  border-radius: 9999px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.cookie-consent__btn:hover{
  transform: translateY(-1px);
}
.cookie-consent__btn--primary{
  color: #fff;
  background: var(--brand-900);
  box-shadow: 0 12px 24px rgba(22,55,68,.18);
}
.cookie-consent__btn--primary:hover{
  background: var(--brand-950);
}
.cookie-consent__btn--secondary{
  color: #0f172a;
  background: #fff;
  border: 1px solid rgba(15,23,42,.12);
}
.cookie-consent__btn--secondary:hover{
  color: var(--brand-900);
  border-color: rgba(30,74,91,.35);
  background: rgba(30,74,91,.04);
}

@media (min-width: 768px){
  .cookie-consent__panel{
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: end;
  }
  .cookie-consent__actions{
    margin-top: 0;
    justify-content: flex-end;
  }
}