@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Sancreek&family=Special+Elite&display=swap');

body.ol-consent-lock { overflow: hidden !important; }

.ol-consent {
  position: fixed;
  z-index: 2147483646;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 22px;
  isolation: isolate;
  background: rgba(6, 4, 3, .78);
}
.ol-consent-card {
  position: relative;
  width: min(520px, 100%);
  padding: 36px 38px 32px;
  overflow: hidden;
  color: #2b1a10;
  background:
    radial-gradient(circle at 12% 0, rgba(255,244,214,.55), transparent 42%),
    repeating-linear-gradient(-8deg, rgba(90,49,20,.04) 0 1px, transparent 1px 6px),
    #e4c48c;
  border: 1px solid #6f401e;
  border-top: 5px solid #df792c;
  box-shadow: 12px 16px 0 rgba(0,0,0,.35), 0 30px 80px rgba(0,0,0,.55);
  text-align: center;
}
.ol-consent-card::before,
.ol-consent-card::after {
  content: '';
  position: absolute;
  width: 46px;
  height: 46px;
  border-color: rgba(116,61,22,.45);
  pointer-events: none;
}
.ol-consent-card::before { top: 12px; left: 12px; border-top: 2px solid; border-left: 2px solid; }
.ol-consent-card::after { right: 12px; bottom: 12px; border-right: 2px solid; border-bottom: 2px solid; }
.ol-consent-card img {
  width: 78px;
  height: 78px;
  display: block;
  margin: 0 auto 14px;
  object-fit: contain;
  filter: drop-shadow(0 3px 2px rgba(40,20,8,.35));
}
.ol-consent-kicker {
  margin: 0 0 10px;
  color: #9a451e;
  font: 700 10px/1 'Oswald', sans-serif;
  letter-spacing: .28em;
  text-transform: uppercase;
}
.ol-consent-card h2 {
  margin: 0 0 14px;
  color: #24150c;
  font: 400 clamp(28px, 5vw, 40px)/1 'Sancreek', 'Rye', 'Oswald', serif;
  text-transform: uppercase;
}
.ol-consent-card p {
  margin: 0 0 22px;
  color: #513722;
  font: 400 14px/1.65 'Special Elite', Georgia, serif;
}
.ol-consent-card a {
  color: #9a2b18;
  font-weight: 700;
}
.ol-consent-check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0 auto 22px;
  color: #2b1a10;
  font: 400 14px/1.4 'Special Elite', Georgia, serif;
  cursor: pointer;
  text-align: left;
}
.ol-consent-check input {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  accent-color: #df792c;
  cursor: pointer;
}
.ol-consent-card button {
  min-height: 48px;
  width: 100%;
  padding: 0 18px;
  color: #fff4e3;
  background: linear-gradient(#6d3d1e, #3f2010);
  border: 1px solid #a45e2c;
  border-bottom: 4px solid #251007;
  font: 700 12px/1 'Oswald', sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
  cursor: pointer;
}
.ol-consent-card button:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.ol-consent-card button:not(:disabled):hover {
  color: #231107;
  background: #d48642;
}

@media (max-width: 560px) {
  .ol-consent-card { padding: 28px 22px 24px; }
  .ol-consent-card img { width: 64px; height: 64px; }
}