/* Privacy Policy Card — Infographic style matching mockup */
:root {
  --pp-purple:  #4b2e83;
  --pp-pink:    #e8407a;
  --pp-green:   #2e7d52;
  --pp-orange:  #c05c1a;
  --pp-blue:    #1a5fa8;
  --pp-teal:    #1a7a70;
  --pp-text:    #1a1630;
  --pp-muted:   #5a5270;
  --pp-radius:  10px;
  --pp-shadow:  0 4px 20px rgba(75,46,131,.14);
}

/* ===== Page wrapper ===== */
.ppc-page {
  background: #f0edf7;
  color: var(--pp-text);
}

.ppc-page .main-content {
  padding: 1.5rem 1rem 2.5rem;
}

/* ===== Outer poster card ===== */
.ppc-poster {
  max-width: 860px;
  margin: 0 auto;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 40px rgba(75,46,131,.18);
  overflow: hidden;
  font-family: inherit;
}

/* ===== Poster header ===== */
.ppc-poster-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.4rem 1.6rem 1rem;
  background: #fff;
  border-bottom: 1px solid #ede8f8;
}

.ppc-poster-brand {
  display: flex;
  align-items: center;
  gap: .35rem;
  margin-bottom: .6rem;
  font-size: .9rem;
  font-weight: 700;
}

.ppc-poster-brand__logo { border-radius: 50%; }
.ppc-poster-brand__free   { color: var(--pp-text); }
.ppc-poster-brand__beauty { color: var(--pp-pink); }
.ppc-poster-brand__advice { color: var(--pp-text); }

.ppc-poster-title {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--pp-purple);
  line-height: 1.1;
  margin: 0 0 .3rem;
}

.ppc-poster-hl {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--pp-purple);
  margin: 0 0 .6rem;
}

.ppc-poster-hl span {
  flex: 1;
  height: 2px;
  background: var(--pp-purple);
  display: inline-block;
}

.ppc-poster-intro {
  font-size: .82rem;
  color: var(--pp-muted);
  line-height: 1.55;
  max-width: 46ch;
  margin: 0;
}

.ppc-poster-intro em {
  display: block;
  margin-top: .35rem;
  font-size: .78rem;
  color: var(--pp-pink);
  font-style: normal;
  font-weight: 600;
}

/* Laptop art */
.ppc-laptop {
  position: relative;
  width: 120px;
}

.ppc-laptop__screen {
  width: 110px;
  height: 76px;
  background: linear-gradient(145deg, var(--pp-purple), #7c52c0);
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(75,46,131,.25);
}

.ppc-laptop__shield {
  font-size: 2rem;
  animation: float 4s ease-in-out infinite;
}

.ppc-laptop__base {
  width: 110px;
  height: 8px;
  background: #c9bde8;
  border-radius: 0 0 4px 4px;
}

.ppc-laptop__flag {
  position: absolute;
  top: -10px;
  right: -8px;
  font-size: 1.2rem;
}

/* ===== Grid ===== */
.ppc-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
  background: #d8d0ee;
  border-top: 2px solid #d8d0ee;
}

/* Grid placement */
.inf-sec--1  { grid-column: 1/4; grid-row: 1/3; }
.inf-sec--2  { grid-column: 4/7; grid-row: 1/3; }
.inf-sec--3  { grid-column: 1/3; grid-row: 3;   }
.inf-sec--4  { grid-column: 3/5; grid-row: 3;   }
.inf-sec--5  { grid-column: 5/7; grid-row: 3;   }
.inf-sec--6  { grid-column: 1/5; grid-row: 4;   }
.inf-sec--7  { grid-column: 5/7; grid-row: 4;   }
.inf-sec--8  { grid-column: 1/4; grid-row: 5;   }
.inf-sec--9  { grid-column: 4/7; grid-row: 5;   }
.inf-sec--10 { grid-column: 1/7; grid-row: 6;   }

/* ===== Each section panel ===== */
.inf-sec {
  background: #fff;
  border: none;
  padding: 0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition:
    transform .3s cubic-bezier(.34,1.5,.64,1),
    box-shadow .3s ease,
    z-index 0s;
  transform-origin: center center;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Sibling dimming + focal zoom on hover */
@media (hover: hover) and (pointer: fine) {
  .ppc-grid:has(.inf-sec[data-chapter]:hover) .inf-sec[data-chapter]:not(:hover) {
    transform: scale(.96);
    filter: brightness(.96);
    opacity: .88;
    transition: transform .3s ease, filter .3s ease, opacity .3s ease;
  }
  .inf-sec[data-chapter]:hover {
    transform: scale(1.04);
    z-index: 10;
    box-shadow: 0 10px 36px rgba(75,46,131,.28);
    outline: 2px solid var(--pp-pink);
    outline-offset: -2px;
  }
  .inf-sec--10:hover { transform: none; box-shadow: none; outline: none; }
}

/* ===== Section header bar ===== */
.inf-hdr {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .7rem;
  background: var(--pp-purple);
  color: #fff;
}

.inf-hdr--green  { background: #2a6e44; }
.inf-hdr--orange { background: #b35018; }
.inf-hdr--blue   { background: #1653a0; }
.inf-hdr--pink   { background: #c0366a; }
.inf-hdr--teal   { background: #186b62; }
.inf-hdr--dark   { background: #2d1a55; }

.inf-num {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: rgba(255,255,255,.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .7rem;
  font-weight: 800;
}

.inf-hdr-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: #fff;
  opacity: .95;
}

.inf-hdr-title {
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #fff;
  line-height: 1.2;
  margin: 0;
}

/* ===== Section body ===== */
.inf-body {
  flex: 1;
  padding: .7rem .8rem;
  font-size: .78rem;
  line-height: 1.5;
  background: #fff;
}

.inf-body p { margin: 0 0 .35rem; }

.inf-body-lead {
  font-size: .8rem;
  margin-bottom: .5rem !important;
}

.inf-body-sub {
  font-size: .77rem;
  color: var(--pp-muted);
}

/* Tinted body backgrounds per section */
.inf-sec--1 .inf-body,
.inf-sec--2 .inf-body  { background: #f7f4fd; }
.inf-sec--3 .inf-body  { background: #f0faf4; }
.inf-sec--4 .inf-body  { background: #fdf5f0; }
.inf-sec--5 .inf-body  { background: #f0f4fd; }
.inf-sec--6 .inf-body  { background: #f7f4fd; }
.inf-sec--7 .inf-body  { background: #fdf0f5; }
.inf-sec--8 .inf-body  { background: #f0faf8; }
.inf-sec--9 .inf-body  { background: #f7f4fd; }

/* ===== Sub-items (sections 1 & 2) ===== */
.inf-item {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  margin-bottom: .6rem;
}

.inf-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--pp-purple);
  mask-size: 60%;
  -webkit-mask-size: 60%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.inf-icon--person {
  background: #e8407a;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

.inf-icon--laptop {
  background: var(--pp-purple);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4z'/%3E%3C/svg%3E");
}

.inf-icon--cookie {
  background: #2a6e44;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='black'/%3E%3C/svg%3E");
}

.inf-icon--screen {
  background: #3b6fb5;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2H0v2h24v-2h-4z'/%3E%3C/svg%3E");
}

.inf-icon--mail {
  background: var(--pp-purple);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5L4 8V6l8 5 8-5v2z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4-8 5L4 8V6l8 5 8-5v2z'/%3E%3C/svg%3E");
}

.inf-icon--chart {
  background: #3b6fb5;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 9.2h3V19H5V9.2zM10.6 5h2.8v14h-2.8V5zm5.6 8H19v6h-2.8v-6z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 9.2h3V19H5V9.2zM10.6 5h2.8v14h-2.8V5zm5.6 8H19v6h-2.8v-6z'/%3E%3C/svg%3E");
}

.inf-icon--megaphone {
  background: var(--pp-purple);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.74 2.5-2.26 2.5-4.02z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.74 2.5-2.26 2.5-4.02z'/%3E%3C/svg%3E");
}

.inf-icon--shield-check {
  background: #1a7a6e;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z'/%3E%3C/svg%3E");
}

.inf-item strong {
  display: block;
  font-size: .78rem;
  color: var(--pp-text);
  margin-bottom: .1rem;
}

.inf-item p {
  font-size: .74rem;
  color: var(--pp-muted);
  margin: 0;
}

/* ===== Checkmarks (sections 3 & 4) ===== */
.inf-check {
  display: flex;
  gap: .45rem;
  align-items: flex-start;
  font-size: .76rem;
  margin-bottom: .4rem;
}

.inf-checkmark {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  border-radius: 50%;
  background: var(--pp-green);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  mask-size: 75%;
  -webkit-mask-size: 75%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}

.inf-checkmark--orange {
  background: var(--pp-orange);
}

.inf-cookie-link {
  margin-top: .55rem;
  font-size: .73rem;
  padding: .35rem .5rem;
  background: rgba(42,110,68,.08);
  border-radius: 6px;
  border: 1px solid rgba(42,110,68,.2);
}

.inf-cookie-link a {
  color: var(--pp-green);
  font-weight: 700;
}

/* ===== Callout (section 5) ===== */
.inf-callout {
  display: flex;
  gap: .45rem;
  align-items: flex-start;
  margin-top: .55rem;
  padding: .5rem .6rem;
  background: #deeafe;
  border-radius: 8px;
  border: 1px solid rgba(26,83,160,.25);
  font-size: .74rem;
  line-height: 1.4;
}

.inf-callout-icon {
  font-size: 1.1rem;
  flex-shrink: 0;
}

/* ===== Rights row (section 6) ===== */
.inf-rights-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .45rem;
  margin: .5rem 0;
}

.inf-right-box {
  background: rgba(75,46,131,.07);
  border-radius: 8px;
  padding: .45rem .35rem;
  text-align: center;
  font-size: .68rem;
  color: var(--pp-text);
  line-height: 1.35;
}

.inf-right-box svg {
  width: 22px;
  height: 22px;
  fill: var(--pp-purple);
  display: block;
  margin: 0 auto .3rem;
}

.inf-rights-note {
  font-size: .72rem;
  color: var(--pp-muted);
  margin-top: .3rem !important;
  padding: .35rem .5rem;
  border-top: 1px solid #e0daf2;
}

.inf-rights-note a {
  color: var(--pp-pink);
  font-weight: 600;
}

/* ===== Section 10 Contact ===== */
.inf-sec--10 {
  cursor: default;
}

.inf-body--dark {
  background: #3d2470 !important;
  color: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: .5rem 1.5rem;
  align-items: start;
}

.inf-body--dark p {
  color: rgba(255,255,255,.9);
  grid-column: 1;
}

.inf-contact-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.2rem;
  align-items: center;
  grid-column: 1 / -1;
}

.inf-contact-item {
  display: flex;
  align-items: center;
  gap: .35rem;
  font-size: .78rem;
}

.inf-contact-icon { font-size: 1rem; }

.inf-contact-item a {
  color: #ffd4e8;
  font-weight: 600;
}

.inf-ico-box {
  margin-left: auto;
  background: rgba(255,255,255,.12);
  border-radius: 8px;
  padding: .45rem .65rem;
  font-size: .72rem;
  line-height: 1.4;
  max-width: 220px;
  color: rgba(255,255,255,.95);
}

.inf-ico-box a {
  color: #adc8ff;
  font-weight: 600;
}

/* ===== About strip ===== */
.ppc-about {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .55rem 1rem;
  background: #f0edf7;
  border-top: 2px solid #d8d0ee;
  font-size: .72rem;
  color: var(--pp-muted);
  flex-wrap: wrap;
}

.ppc-about__info {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-wrap: wrap;
}

.ppc-about__info strong {
  color: var(--pp-purple);
}

.ppc-about__icon {
  width: 16px;
  height: 16px;
  fill: var(--pp-purple);
  flex-shrink: 0;
}

.ppc-about__date {
  font-weight: 600;
  color: var(--pp-purple);
  white-space: nowrap;
}

/* ===== Modal pop-out ===== */
.ppc-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.ppc-modal[hidden] { display: none; }

.ppc-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(29,18,58,.6);
  backdrop-filter: blur(4px);
  animation: fadeIn .22s ease;
}

.ppc-modal__box {
  position: relative;
  z-index: 1;
  width: min(100%, 500px);
  max-height: 82vh;
  overflow-y: auto;
  background: #fff;
  border-radius: 14px;
  padding: 1.35rem 1.25rem 1.1rem;
  box-shadow: 0 20px 60px rgba(75,46,131,.4);
  animation: popIn .32s cubic-bezier(.34,1.5,.64,1);
}

.ppc-modal__close {
  position: absolute;
  top: .7rem;
  right: .7rem;
  width: 2rem;
  height: 2rem;
  border: none;
  border-radius: 50%;
  background: #f0edf7;
  color: var(--pp-purple);
  font-size: 1.35rem;
  line-height: 1;
  cursor: pointer;
}

.ppc-modal__title {
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--pp-purple);
  padding-right: 2rem;
  margin-bottom: .65rem;
}

.ppc-modal__body {
  font-size: .88rem;
  line-height: 1.62;
}

.ppc-modal__body h3 {
  font-size: .9rem;
  font-weight: 700;
  color: var(--pp-purple);
  margin: .85rem 0 .25rem;
}

.ppc-modal__body ul {
  margin: .25rem 0 .6rem 1.1rem;
}

.ppc-modal__body li {
  margin-bottom: .2rem;
}

.ppc-modal__body a {
  color: var(--pp-pink);
  font-weight: 600;
}

.ppc-modal__foot {
  margin-top: .85rem;
  padding-top: .65rem;
  border-top: 1px solid #ede8f8;
  font-size: .82rem;
}

.ppc-modal__foot a {
  color: var(--pp-pink);
  font-weight: 700;
}

/* ===== Promo on privacy.php ===== */
.pp-card-promo {
  position: relative;
  margin-bottom: 1.5rem;
  padding: .9rem 3rem .9rem 1rem;
  border-radius: 10px;
  background: linear-gradient(135deg,#f4f0fa,#ebe4f8);
  border: 1px solid rgba(75,46,131,.2);
  box-shadow: 0 4px 16px rgba(75,46,131,.1);
}

.pp-card-promo__title {
  font-size: .95rem;
  font-weight: 700;
  color: #4b2e83;
  margin-bottom: .25rem;
}

.pp-card-promo__text {
  font-size: .88rem;
  color: #5a5270;
  margin: 0;
}

.pp-card-promo__link {
  display: inline-block;
  margin-top: .5rem;
  font-weight: 700;
  color: #e8407a;
  text-decoration: none;
}

.pp-card-promo__link:hover { text-decoration: underline; }

.pp-card-promo__close {
  position: absolute;
  top: .55rem;
  right: .55rem;
  width: 1.85rem;
  height: 1.85rem;
  border: none;
  background: rgba(75,46,131,.1);
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.1rem;
  color: #4b2e83;
}

.pp-card-promo.is-hidden { display: none; }

/* ===== Mobile ===== */
@media (max-width: 719px) {
  .ppc-page .main-content { padding: .75rem .5rem 2rem; }

  .ppc-poster { border-radius: 10px; }

  .ppc-poster-head {
    grid-template-columns: 1fr;
    padding: 1rem;
  }

  .ppc-laptop { display: none; }

  .ppc-poster-title { font-size: 1.4rem; }

  .ppc-grid {
    grid-template-columns: 1fr 1fr;
    gap: 2px;
  }

  .inf-sec--1  { grid-column: 1/3; grid-row: auto; }
  .inf-sec--2  { grid-column: 1/3; grid-row: auto; }
  .inf-sec--3  { grid-column: 1;   grid-row: auto; }
  .inf-sec--4  { grid-column: 2;   grid-row: auto; }
  .inf-sec--5  { grid-column: 1/3; grid-row: auto; }
  .inf-sec--6  { grid-column: 1/3; grid-row: auto; }
  .inf-sec--7  { grid-column: 1/3; grid-row: auto; }
  .inf-sec--8  { grid-column: 1;   grid-row: auto; }
  .inf-sec--9  { grid-column: 2;   grid-row: auto; }
  .inf-sec--10 { grid-column: 1/3; grid-row: auto; }

  .inf-rights-row { grid-template-columns: repeat(2, 1fr); }

  .inf-body--dark { grid-template-columns: 1fr; }
  .inf-ico-box { max-width: 100%; margin-left: 0; }
}

/* ===== Animations ===== */
@keyframes float {
  0%,100% { transform: translateY(0); }
  50%      { transform: translateY(-5px); }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes popIn {
  from { opacity: 0; transform: scale(.88) translateY(10px); }
  to   { opacity: 1; transform: scale(1) translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .ppc-laptop__shield,
  .inf-sec,
  .ppc-modal__box,
  .ppc-modal__backdrop {
    animation: none !important;
    transition: none !important;
  }
}