/* PLP Simple View Full Catalog Clok — age gate, version 1.6.0. */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body.pla-one-page {
  color: #182a35;
  background: #e9eff0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.pla-shell { position: relative; isolation: isolate; min-height: 100vh; min-height: 100svh; }
.pla-shell__background, .pla-shell__background::before, .pla-shell__background::after, .pla-shell__background img {
  position: fixed; inset: 0; pointer-events: none;
}
.pla-shell__background { z-index: -1; overflow: hidden; background: #071a2b; }
.pla-shell__background img { width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.012); }
/* Retain the bundled landing photo and its existing treatment. */
.pla-shell__background::before {
  content: ""; z-index: 1;
  background:
    radial-gradient(circle at 50% 34%, rgba(10, 82, 104, .08), rgba(3, 17, 30, .48) 58%, rgba(3, 14, 25, .72) 100%),
    linear-gradient(180deg, rgba(2, 18, 31, .36) 0%, rgba(2, 18, 31, .18) 42%, rgba(2, 15, 27, .74) 100%);
}
.pla-shell__background::after {
  content: ""; z-index: 2; opacity: .2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.pla-main {
  display: grid; place-items: center; min-height: 100vh; min-height: 100svh; padding: 24px;
  background: rgba(14, 25, 33, .34); text-align: center;
}
/* Compact age confirmation, with the existing PLP buttons. */
.pla-age-card {
  position: relative; width: 100%; max-width: 430px; margin: auto; padding: 32px 28px 28px;
  border: 1px solid rgba(210, 231, 233, .95); border-radius: 16px;
  background: linear-gradient(145deg, #fff, #f3f9f8);
  box-shadow: 0 20px 60px rgba(11, 31, 38, .22);
  outline: none;
}
.pla-age-card h1 {
  margin: 0 0 8px; padding: 0;
  font: 700 27px/1.25 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: -.6px; color: #182a35; text-transform: none;
}
.pla-age-card p { margin: 0; font-size: 15px; line-height: 1.55; color: #56666f; }
.pla-age-actions { display: grid; gap: 10px; margin-top: 24px; }
.pla-age-actions[hidden] { display: none; }
.pla-age-actions form { margin: 0; padding: 0; }
.pla-age-card button {
  display: block; appearance: none; width: 100%; min-height: 50px; margin: 0; padding: 13px 18px;
  border: 1px solid transparent; border-radius: 9px; box-shadow: none;
  font: 650 15px/1.4 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0; text-transform: none; text-decoration: none; cursor: pointer; transition: background-color .15s ease;
}
.pla-age-card .pla-cta { color: #fff; background: #137b49; border-color: #137b49; }
.pla-age-card .pla-cta:hover { background: #0b653a; border-color: #0b653a; }
.pla-age-card .pla-age-no { color: #222; background: #fff; border-color: #c6cdd1; }
@media (hover: hover) {
  .pla-age-card .pla-age-no:hover { color: #fff; background: #b52e38; border-color: #b52e38; }
}
.pla-age-card button:focus-visible { outline: 3px solid #08799e; outline-offset: 3px; }
@media (max-width: 480px) {
  .pla-main { padding: 18px; }
  .pla-age-card { padding: 28px 22px 24px; border-radius: 15px; }
  .pla-age-card h1 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .pla-age-card button { transition: none; }
}