/* Proof Shrine EPACK v4.8 — "PROOF Experience" (mockup v8.5) */
.pep { --pep-navy: #16303F; --pep-navy2: #0e2230; --pep-cyan: #2BB6EA; --pep-sky: #F2F8FC; --pep-sticky-top: 96px;
  font-family: 'Montserrat', -apple-system, 'Segoe UI', sans-serif; color: var(--pep-navy); background: var(--pep-sky);
  overflow-x: clip; line-height: 1.45; }
.pep *, .pep *::before, .pep *::after { box-sizing: border-box; }
.pep button { font-family: inherit; }
.pep img { max-width: 100%; }
.pep-noimg { display: grid; place-items: center; background: #e8eef3; font-size: 26px; }

/* ═══ HERO ═══ */
.pep-hero { position: relative; background: linear-gradient(160deg, var(--pep-navy2) 0%, var(--pep-navy) 45%, #1b4257 100%); color: #fff; padding: 58px 20px 130px; overflow: hidden; }
.pep-hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(700px 340px at 75% 20%, rgba(43,182,234,.22), transparent 65%); }
.pep-hero__stripes { position: absolute; top: 0; left: 0; right: 0; height: 8px; background: repeating-linear-gradient(45deg, var(--pep-cyan) 0 26px, transparent 26px 52px); }
.pep-hero__in { position: relative; max-width: 1060px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); gap: 30px; align-items: center; }
.pep-pill { display: inline-flex; align-items: center; gap: 8px; background: rgba(43,182,234,.14); border: 1.5px solid rgba(43,182,234,.5); color: #7fd6f7; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; padding: 7px 15px; border-radius: 99px; }
.pep-hero h1 { font-size: clamp(30px, 4.4vw, 50px); line-height: 1.07; letter-spacing: -.025em; margin: 16px 0 13px; font-weight: 900; color: #fff; }
.pep-hero h1 em { font-style: normal; color: var(--pep-cyan); }
.pep-hero__p { color: #9fc2d4; font-size: 15px; max-width: 440px; line-height: 1.6; margin: 0; }
.pep-ticket { position: relative; margin-top: 20px; display: inline-block; background: linear-gradient(92deg, rgba(43,182,234,.16), rgba(43,182,234,.05)); border: 1.5px dashed rgba(127,214,247,.55); border-radius: 99px; padding: 10px 18px; font-size: 12.5px; font-weight: 700; color: #d9f1fb; line-height: 1.4; }
.pep-hstats { display: flex; gap: 8px; margin-top: 18px; max-width: 440px; }
.pep-hstat { flex: 1; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); border-radius: 12px; padding: 10px 8px; text-align: center; }
.pep-hstat b { display: block; font-size: 18px; font-weight: 900; color: #7fd6f7; }
.pep-hstat span { font-size: 9px; font-weight: 700; color: #6f93a8; text-transform: uppercase; letter-spacing: .05em; }
.pep-hero__cta { display: inline-block; margin-top: 18px; background: linear-gradient(92deg, var(--pep-cyan), #1a9fd4); color: #fff; border: none; cursor: pointer; font-size: 13.5px; font-weight: 900; letter-spacing: .04em; border-radius: 13px; padding: 15px 28px; box-shadow: 0 10px 28px rgba(43,182,234,.35); }
.pep-hero__trust { margin-top: 12px; font-size: 11px; font-weight: 700; color: #7fa3b8; }
.pep-hero__trust b { color: #d9f1fb; }
.pep-st { color: #F5A623; letter-spacing: 1.5px; }
.pep-hviz { position: relative; height: 330px; }
.pep-hb { position: absolute; filter: drop-shadow(0 26px 34px rgba(0,0,0,.45)); }
.pep-hb img { display: block; width: 100%; height: auto; }
.pep-hb--1 { left: 4%; bottom: 26px; width: 130px; transform: rotate(-7deg); z-index: 1; }
.pep-hb--2 { left: 33%; bottom: 12px; width: 168px; transform: rotate(1deg); z-index: 3; filter: drop-shadow(0 30px 44px rgba(43,182,234,.35)); }
.pep-hb--3 { right: 4%; bottom: 30px; width: 122px; transform: rotate(8deg); z-index: 2; }
.pep-hviz__glow { position: absolute; bottom: -8px; left: 12%; right: 12%; height: 60px; background: radial-gradient(closest-side, rgba(43,182,234,.35), transparent); filter: blur(8px); }
.pep-hero__cue { position: absolute; bottom: 82px; left: 50%; transform: translateX(-50%); color: #7fd6f7; font-size: 19px; animation: pepCue 1.6s ease infinite; }
@keyframes pepCue { 0%,100%{transform:translate(-50%,0)} 50%{transform:translate(-50%,7px)} }
.pep-hero__wave { position: absolute; bottom: -1px; left: 0; right: 0; display: block; width: 100%; height: 70px; }

/* ═══ MARQUEE ═══ */
.pep-marq { background: #fff; border-bottom: 1px solid #e3edf3; overflow: hidden; white-space: nowrap; padding: 12px 0; }
.pep-marq__in { display: inline-block; animation: pepMarq 26s linear infinite; }
.pep-marq span { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; color: #46606f; margin: 0 26px; }
.pep-marq b { color: var(--pep-cyan); }
@keyframes pepMarq { from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ═══ LAYOUT + ПЪТЕКАТА ═══ */
.pep-cols { max-width: 1060px; margin: 0 auto; padding: 38px 20px 46px; display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 24px; align-items: start; }
.pep-journey { position: relative; padding-left: 54px; min-width: 0; }
.pep-journey::before { content: ''; position: absolute; left: 19px; top: 30px; bottom: 30px; width: 3px; background: linear-gradient(180deg, var(--pep-cyan), #bfe6f6); border-radius: 3px; }
.pep-step { position: relative; margin-bottom: 28px; }
.pep-n { position: absolute; left: -54px; top: 0; width: 41px; height: 41px; border-radius: 50%; background: #cfe4f0; color: #7d9cb0; display: grid; place-items: center; font-weight: 900; font-size: 15px; box-shadow: 0 0 0 5px var(--pep-sky); transition: background .4s, color .4s, box-shadow .4s; }
.pep-anim .pep-step.pep-in .pep-n, .pep:not(.pep-anim) .pep-n { background: linear-gradient(135deg, var(--pep-cyan), #1a9fd4); color: #fff; box-shadow: 0 8px 20px rgba(43,182,234,.4), 0 0 0 5px var(--pep-sky); }
.pep-jhead { margin-bottom: 14px; }
.pep-jhead h2 { font-size: 21px; font-weight: 900; letter-spacing: -.01em; margin: 0; color: var(--pep-navy); }
.pep-jhead h2 em { font-style: normal; color: var(--pep-cyan); }
.pep-jhead p { font-size: 12.5px; color: #6d8595; font-weight: 600; margin: 3px 0 0; }
.pep-swhint { display: none; font-size: 9.5px; font-weight: 800; color: var(--pep-cyan); text-transform: uppercase; letter-spacing: .06em; }

/* ═══ БАЗАТА — витрината ═══ */
.pep-base { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.pep-bp { position: relative; background: #fff; border: 2px solid transparent; border-radius: 18px; box-shadow: 0 6px 24px rgba(22,48,63,.07); cursor: pointer; text-align: left; padding: 0; transition: transform .18s, box-shadow .18s; color: inherit; }
.pep-bp:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(22,48,63,.13); }
.pep-bp__imgw { position: relative; display: block; height: 128px; background: linear-gradient(135deg, #ECF6FC, #dceef8); border-radius: 16px 16px 0 0; overflow: hidden; }
.pep-bp__img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }
.pep-bp { position: relative; }
.pep-bp__tag { position: absolute; top: -9px; right: 10px; z-index: 3; background: var(--pep-navy); color: #7fd6f7; font-size: 9px; font-weight: 900; padding: 4px 10px; border-radius: 99px; text-transform: uppercase; letter-spacing: .06em; box-shadow: 0 4px 12px rgba(22,48,63,.28); }
.pep-bp__tag--soon { background: #FFF3E6; color: #a15c10; }
.pep-bp__eye { position: absolute; right: 8px; bottom: 8px; background: rgba(255,255,255,.94); color: #0d5a7d; font-size: 9px; font-weight: 800; border-radius: 8px; padding: 3px 8px; }
.pep-bp__i { display: block; padding: 12px 14px 14px; }
.pep-bp__i b { font-size: 13px; display: block; line-height: 1.3; }
.pep-bp__chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.pep-bp__chips span { font-size: 9.5px; font-weight: 800; background: var(--pep-sky); color: #46606f; border-radius: 99px; padding: 3px 9px; }
.pep-bp--soon { opacity: .82; }

/* ═══ НАДГРАДИ ═══ */
.pep-goals { display: flex; gap: 7px; align-items: center; margin-bottom: 13px; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
.pep-goals::-webkit-scrollbar { display: none; }
.pep-goals__q { font-size: 11px; font-weight: 800; color: #6d8595; flex: 0 0 auto; }
.pep-goal { white-space: nowrap; flex: 0 0 auto; font-size: 12px; font-weight: 700; border: 1.5px solid #dbe4ec; background: #fff; border-radius: 99px; padding: 8px 15px; cursor: pointer; color: inherit; }
.pep-goal--on { border-color: var(--pep-cyan); background: #ECF8FD; color: #0d5a7d; }
.pep-grid { display: flex; flex-direction: column; gap: 10px; }
.pep-pc { position: relative; background: #fff; border: 2px solid #e3edf3; border-radius: 16px; overflow: visible; cursor: pointer; transition: border-color .14s, box-shadow .14s; display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 12px; }
.pep-pc--on { border-color: var(--pep-cyan); box-shadow: 0 10px 28px rgba(43,182,234,.18); }
.pep-pc--oos { opacity: .55; cursor: not-allowed; }
.pep-pc__chk { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 8px; border: 2px solid #cfdde6; background: #fff; display: grid; place-items: center; color: #fff; font-size: 12px; }
.pep-pc--on .pep-pc__chk { background: var(--pep-cyan); border-color: var(--pep-cyan); }
.pep-pc__pref { display: inline-block; background: #FFF3E6; color: #a15c10; font-size: 8.5px; font-weight: 900; padding: 2px 8px; border-radius: 99px; vertical-align: 2px; margin-left: 5px; }
.pep-pc__rec { display: none; background: var(--pep-cyan); color: #fff; font-size: 8.5px; font-weight: 900; padding: 2px 8px; border-radius: 99px; vertical-align: 2px; margin-left: 5px; }
.pep-pc--rec .pep-pc__rec { display: inline-block; }
.pep-pc__imgw { position: relative; flex: 0 0 auto; width: 72px; height: 72px; border-radius: 12px; overflow: hidden; background: linear-gradient(135deg, var(--pep-sky), #e1eff7); }
.pep-pc__img { width: 100%; height: 100%; object-fit: contain; padding: 5px; }
.pep-pc__zoom { position: absolute; right: 3px; bottom: 3px; background: rgba(255,255,255,.94); border: none; border-radius: 7px; font-size: 10px; padding: 2px 6px; cursor: pointer; z-index: 2; }
.pep-pc__b { flex: 1; min-width: 0; }
.pep-pc__b b { font-size: 13px; display: block; line-height: 1.3; }
.pep-pc__price { display: block; font-size: 12.5px; font-weight: 900; margin-top: 3px; }
.pep-pc__price s { font-size: 10px; color: #b7c5cf; font-weight: 600; }
.pep-pc__per { font-size: 9.5px; font-weight: 700; color: #8aa0af; }
.pep-pc__ctrl { flex: 0 0 auto; display: flex; align-items: center; gap: 9px; justify-content: flex-end; }
.pep-pc__qty { display: inline-flex; align-items: center; gap: 2px; background: var(--pep-sky); border-radius: 10px; padding: 3px; visibility: hidden; }
.pep-pc--on .pep-pc__qty { visibility: visible; }
.pep-pc__q { width: 26px; height: 26px; border: none; background: #fff; border-radius: 8px; font-size: 14px; font-weight: 800; color: #0d5a7d; cursor: pointer; line-height: 1; }
.pep-pc__qty b { min-width: 22px; text-align: center; font-size: 13px; font-weight: 900; }
.pep-pc__btn { display: inline-block; text-align: center; border: 1.5px solid #cfe0ec; border-radius: 10px; padding: 8px 10px; font-size: 11px; font-weight: 800; color: #0d5a7d; white-space: nowrap; min-width: 104px; transition: background .13s, color .13s, border-color .13s; }
.pep-pc--on .pep-pc__btn { background: var(--pep-cyan); border-color: var(--pep-cyan); color: #fff; }
.pep-pop { animation: pepPop .25s ease; }
@keyframes pepPop { 40% { transform: scale(1.03); } }
.pep-more { display: block; width: 100%; margin-top: 11px; background: #fff; border: 1.5px dashed rgba(43,182,234,.55); color: #0d5a7d; border-radius: 13px; padding: 12px; font-size: 12.5px; font-weight: 800; cursor: pointer; }
.pep-runchip { margin-top: 13px; display: inline-flex; align-items: center; gap: 7px; background: linear-gradient(92deg, var(--pep-navy), #29506a); color: #7fd6f7; font-size: 11.5px; font-weight: 800; border-radius: 99px; padding: 8px 16px; box-shadow: 0 8px 20px rgba(22,48,63,.25); }
.pep-runchip b { color: #fff; }

/* ═══ ПЕРИОДИТЕ — pricing ═══ */
.pep-pers { display: flex; flex-direction: column; gap: 12px; }
.pep-per { position: relative; background: #fff; border: 2px solid #e3edf3; border-radius: 15px; padding: 15px 18px; text-align: left; cursor: pointer; display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; column-gap: 13px; transition: transform .15s, box-shadow .15s, border-color .15s; color: inherit; }
.pep-per:hover { transform: translateY(-3px); }
.pep-per--hot { border-color: #cfe9f6; background: linear-gradient(180deg, #FDFEFF, #F4FBFE); }
.pep-per--on { border-color: var(--pep-cyan); box-shadow: 0 20px 50px rgba(43,182,234,.2); }
.pep-per__tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: linear-gradient(92deg, var(--pep-navy), #29506a); color: #7fd6f7; font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; padding: 5px 15px; border-radius: 99px; white-space: nowrap; box-shadow: 0 6px 16px rgba(22,48,63,.3); }
.pep-per__radio { width: 19px; height: 19px; border-radius: 50%; border: 2px solid #cfdde6; display: grid; place-items: center; position: relative; }
.pep-per--on .pep-per__radio { border-color: var(--pep-cyan); }
.pep-per--on .pep-per__radio::after { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--pep-cyan); }
.pep-per__l b { display: block; font-size: 15px; font-weight: 900; }
.pep-per__l > span { display: block; font-size: 10px; color: #6d8595; font-weight: 700; }
.pep-per__r { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; min-width: 118px; }
.pep-per__r > b { font-size: 19px; font-weight: 900; line-height: 1; }
.pep-per__mo { font-size: 10px; font-weight: 700; color: #8aa0af; }
.pep-per__sv { display: inline-block; background: #E7F6EE; color: #14603c; font-size: 10.5px; font-weight: 900; border-radius: 99px; padding: 4px 11px; margin-top: 3px; min-height: 22px; }
.pep-per__sv:empty { visibility: hidden; }

/* ═══ КАК РАБОТИ ═══ */
.pep-how { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; margin-top: 18px; }
.pep-how__s { background: #fff; border-radius: 13px; padding: 12px; text-align: center; box-shadow: 0 3px 12px rgba(22,48,63,.05); }
.pep-how__s i { font-size: 20px; font-style: normal; display: block; }
.pep-how__s b { display: block; font-size: 11.5px; margin: 5px 0 2px; }
.pep-how__s b em { font-style: normal; }
.pep-how__s small { display: block; font-size: 9.5px; color: #6d8595; font-weight: 600; line-height: 1.4; }

/* ═══ КОЛИЧКАТА — разписката ═══ */
.pep-sum { position: relative; max-height: calc(100vh - var(--pep-sticky-top) - 16px); overflow-y: auto; scrollbar-width: thin; background: #fff; border-radius: 20px; box-shadow: 0 18px 50px rgba(22,48,63,.14); padding: 0 20px 16px; will-change: transform; }
.pep-sum::before { content: ''; display: block; height: 6px; margin: 0 -20px 16px; background: repeating-linear-gradient(45deg, var(--pep-navy) 0 13px, var(--pep-cyan) 13px 26px); border-radius: 20px 20px 0 0; }
.pep-sum h3 { font-size: 15px; font-weight: 900; margin: 0 0 10px; }
.pep-row { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 12px; font-weight: 600; color: #46606f; padding: 7px 0; }
.pep-row + .pep-row { border-top: 1px dashed #eef2f6; }
.pep-row__n { flex: 1; min-width: 0; }
.pep-row b { color: var(--pep-navy); font-weight: 800; white-space: nowrap; }
.pep-rs { font-size: 10px; color: #b7c5cf; font-weight: 600; }
.pep-row--d, .pep-row--d b { color: #14603c; }
.pep-dim { color: #b7c5cf; }
.pep-tot { border-top: 2px solid var(--pep-navy); margin-top: 6px; padding-top: 12px; display: flex; justify-content: space-between; align-items: flex-end; }
.pep-tot > span:first-child { font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; color: #8aa0af; padding-bottom: 5px; }
.pep-tot__v { text-align: right; }
.pep-tot__v s { display: block; font-size: 11.5px; color: #b7c5cf; font-weight: 600; }
.pep-tot__v b { font-size: 26px; font-weight: 900; letter-spacing: -.02em; line-height: 1.05; }
.pep-tot__v b small { font-size: 11px; font-weight: 700; color: #8aa0af; letter-spacing: 0; }
.pep-big { margin-top: 12px; }
.pep-big__save { background: linear-gradient(92deg, #E9F8F0, #DCF3E6); border: 1.5px solid #bfe7cf; border-radius: 13px; padding: 11px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pep-big__l { font-size: 13px; font-weight: 900; color: #14603c; }
.pep-big__yr { display: block; font-size: 10px; font-weight: 700; color: #4e8a68; margin-top: 1px; }
.pep-big__pct { background: #1fa863; color: #fff; font-size: 12px; font-weight: 900; border-radius: 99px; padding: 5px 12px; white-space: nowrap; }
@keyframes pepPulse { 0%{transform:scale(1)} 40%{transform:scale(1.03)} 100%{transform:scale(1)} }
.pep-pulse { animation: pepPulse .35s ease; }
.pep-perks { margin-top: 11px; background: #F6FAFD; border-radius: 12px; padding: 4px 13px; }
.pep-perk-r { display: flex; gap: 8px; font-size: 11px; font-weight: 600; color: #46606f; padding: 7px 0; line-height: 1.5; }
.pep-perk-r + .pep-perk-r { border-top: 1px dashed #e5edf3; }
.pep-perk-r b { color: var(--pep-navy); }
.pep-sched { margin-top: 10px; background: #F6FAFD; border-radius: 11px; padding: 9px 13px; font-size: 10.5px; font-weight: 700; color: #46606f; line-height: 1.6; }
.pep-sched b { color: var(--pep-navy); }
.pep-cta { display: block; width: 100%; margin-top: 13px; background: linear-gradient(92deg, var(--pep-cyan), #1a9fd4); color: #fff; border: none; border-radius: 14px; padding: 15px; font-size: 13.5px; font-weight: 900; letter-spacing: .04em; cursor: pointer; box-shadow: 0 10px 26px rgba(43,182,234,.35); transition: transform .12s; }
.pep-cta:hover { transform: translateY(-1px); }
.pep-cta:disabled { opacity: .6; cursor: wait; }
.pep-calm { text-align: center; font-size: 10.5px; font-weight: 700; color: #7b93a4; padding-top: 9px; }
.pep-onetime { display: block; width: 100%; text-align: center; background: none; border: none; font-size: 11px; color: #9db0bc; font-weight: 600; text-decoration: underline; padding: 6px 0 2px; cursor: pointer; }
.pep-trust { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 11px; }
.pep-trust span { flex: 1; text-align: center; background: var(--pep-sky); border-radius: 9px; font-size: 9px; font-weight: 800; color: #46606f; padding: 7px 5px; white-space: nowrap; }

/* ═══ ОТЗИВИ / FAQ / ФИНАЛ ═══ */
.pep-revs { max-width: 1060px; margin: 0 auto; padding: 4px 20px 30px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.pep-rev { background: #fff; border-radius: 15px; padding: 15px 16px; box-shadow: 0 4px 16px rgba(22,48,63,.06); }
.pep-rev .pep-st { font-size: 12px; }
.pep-rev p { font-size: 12.5px; color: var(--pep-navy); font-weight: 600; line-height: 1.55; margin: 7px 0 8px; }
.pep-rev b { font-size: 10.5px; color: #8aa0af; font-weight: 700; }
.pep-faq { background: #fff; padding: 36px 20px 40px; }
.pep-faq h2 { max-width: 620px; margin: 0 auto 14px; font-size: 22px; font-weight: 900; }
.pep-faq h2 em { font-style: normal; color: var(--pep-cyan); }
.pep-faq details { max-width: 620px; margin: 0 auto; border-bottom: 1px solid #eef2f6; padding: 11px 0; }
.pep-faq summary { font-size: 13px; font-weight: 800; cursor: pointer; }
.pep-faq details p { font-size: 12px; color: #6d8595; font-weight: 600; padding: 8px 0 2px; line-height: 1.6; margin: 0; }
.pep-guar { max-width: 620px; margin: 16px auto 0; background: var(--pep-sky); border-radius: 13px; padding: 13px 16px; font-size: 12.5px; font-weight: 700; text-align: center; }
.pep-final { background: linear-gradient(160deg, var(--pep-navy2), var(--pep-navy)); color: #fff; text-align: center; padding: 50px 20px 56px; position: relative; overflow: hidden; }
.pep-final::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 8px; background: repeating-linear-gradient(45deg, var(--pep-cyan) 0 26px, transparent 26px 52px); }
.pep-final h2 { font-size: clamp(22px, 3.4vw, 34px); font-weight: 900; letter-spacing: -.02em; margin: 0; color: #fff; }
.pep-final h2 em { font-style: normal; color: var(--pep-cyan); }
.pep-final p { color: #9fc2d4; font-size: 13.5px; margin: 10px auto 18px; max-width: 460px; }
.pep-fsum { display: flex; gap: 9px; flex-wrap: wrap; justify-content: center; margin-bottom: 18px; }
.pep-fsum span { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); color: #cfe6f2; font-size: 11px; font-weight: 800; border-radius: 99px; padding: 7px 14px; }
.pep-fsum b { color: #7fd6f7; }
.pep-cta--f { display: inline-block; width: auto; padding: 15px 38px; margin-top: 0; }

/* ═══ КАРУСЕЛ AFFORDANCE ═══ */
.pep-scrollw { position: relative; }
.pep-scrollw::after { content: ''; position: absolute; top: 0; bottom: 14px; right: -1px; width: 44px; background: linear-gradient(90deg, transparent, var(--pep-sky) 85%); pointer-events: none; opacity: 0; transition: opacity .2s; }
.pep-dots { display: none; justify-content: center; gap: 5px; margin-top: 5px; }
.pep-dots i { width: 6px; height: 6px; border-radius: 50%; background: #cfdde6; transition: background .15s, width .15s; }
.pep-dots i.pep-on { background: var(--pep-cyan); width: 16px; border-radius: 99px; }

/* ═══ МАСКИ / МОДАЛИ ═══ */
.pep-mask { display: none; position: fixed; inset: 0; background: rgba(14,34,48,.6); z-index: 99990; place-items: center; padding: 18px; }
.pep-mask--on { display: grid; }
.pep-modal { background: #fff; border-radius: 18px; width: 100%; max-width: 400px; padding: 22px; box-shadow: 0 30px 80px rgba(0,0,0,.3); }
.pep-modal h4 { font-size: 16px; font-weight: 900; margin: 0 0 8px; }
.pep-modal p { font-size: 12.5px; color: #46606f; font-weight: 600; line-height: 1.6; margin: 0 0 10px; }
.pep-modal__loss { background: #FDECEA; color: #8f2318; border-radius: 11px; padding: 10px 13px; font-size: 12px; font-weight: 700; margin-bottom: 12px; }
.pep-cat__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.pep-cat__head h4 { margin: 0; }
.pep-cat__x { background: var(--pep-sky); border: none; width: 30px; height: 30px; border-radius: 50%; font-weight: 800; cursor: pointer; }
.pep-cat__search { width: 100%; padding: 11px 13px; border: 1.5px solid #dbe4ec; border-radius: 11px; font-family: inherit; font-size: 13px; margin-bottom: 10px; }
.pep-cat__list { overflow-y: auto; flex: 1; display: flex; flex-direction: column; gap: 8px; padding-bottom: 8px; }
.pep-cat__none { text-align: center; color: #8aa0af; font-size: 12.5px; font-weight: 600; padding: 18px 0; }
.pep-modal--cat { max-width: 520px; display: flex; flex-direction: column; max-height: 84vh; }
.pep-pc--row { padding: 7px 9px; gap: 10px; }
.pep-pc--row .pep-pc__imgw { width: 46px; height: 46px; border-radius: 10px; }
.pep-pc--row .pep-pc__zoom { display: none; }
.pep-pc--row .pep-pc__rec { display: none !important; }
.pep-pc--row .pep-pc__btn { padding: 7px 10px; font-size: 10px; }
.pep-modal--pd { max-width: 460px; padding: 0; overflow: hidden; display: flex; flex-direction: column; max-height: 88vh; }
.pep-pd__imgw { height: 200px; background: linear-gradient(135deg, var(--pep-sky), #dceef8); position: relative; flex: 0 0 auto; }
.pep-pd__imgw img { width: 100%; height: 100%; object-fit: contain; }
.pep-pd__noimg { width: 100%; height: 100%; font-size: 60px; display: grid; place-items: center; }
.pep-pd__x { position: absolute; top: 12px; right: 12px; z-index: 2; }
.pep-pd__body { padding: 16px 20px 6px; overflow-y: auto; }
.pep-pd__body h4 { font-size: 16px; margin: 0 0 7px; }
.pep-pd__price { font-size: 14px; font-weight: 900; margin-bottom: 9px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pep-pd__price s { font-size: 11.5px; color: #9bb0bd; font-weight: 600; }
.pep-pd__desc { font-size: 12.5px; color: #46606f; line-height: 1.6; margin: 0 0 10px; }
.pep-pd__link { display: inline-block; font-size: 11.5px; font-weight: 700; color: var(--pep-cyan); text-decoration: none; margin-bottom: 8px; }
.pep-pd__nav { display: flex; justify-content: space-between; padding: 10px 20px 16px; }
.pep-pd__nav button { background: none; border: 1.5px solid #dbe4ec; border-radius: 99px; padding: 8px 15px; font-size: 11.5px; font-weight: 700; cursor: pointer; color: inherit; }
.pep-modal--cart { max-width: 460px; max-height: 84vh; overflow-y: auto; }
.pep-modal--cart .pep-rows .pep-row { font-size: 12px; }

/* ═══ МОБИЛЕН STICKY ═══ */
.pep-msticky { display: none; position: fixed; left: 0; right: 0; bottom: 0; background: #fff; box-shadow: 0 -10px 34px rgba(22,48,63,.18); padding: 10px 14px; z-index: 99980; align-items: center; gap: 12px; cursor: pointer; }
.pep-msticky__p { flex: 1; min-width: 0; }
.pep-msticky__p b { font-size: 16px; font-weight: 900; display: block; }
.pep-msticky__p small { font-size: 9.5px; color: #6d8595; font-weight: 700; display: block; }
.pep-msticky__hint { display: block; font-size: 9px; color: var(--pep-cyan); font-weight: 800; }
.pep-cta--m { margin: 0; width: auto; padding: 12px 18px; font-size: 12px; flex: 0 0 auto; box-shadow: none; }

/* ═══ REVEAL (progressive: само с потвърден IO) ═══ */
.pep-anim .pep-step, .pep-anim .pep-sum, .pep-anim .pep-rev, .pep-anim .pep-faq { opacity: 0; transform: translateY(18px); transition: opacity .5s ease, transform .5s ease; }
.pep-anim .pep-in { opacity: 1; transform: none; }

/* ═══ МОБИЛНО ═══ */
@media (max-width: 900px) {
  .pep-hero { padding: 32px 16px 74px; }
  .pep-hero__in { grid-template-columns: 1fr; gap: 0; }
  .pep-hero h1 { font-size: 27px; }
  .pep-hero__p { font-size: 13px; }
  .pep-ticket { font-size: 10.5px; padding: 8px 13px; }
  .pep-hstat b { font-size: 15px; }
  .pep-hero__cta { display: block; width: 100%; text-align: center; }
  .pep-hviz { display: none; }
  .pep-hero__cue { display: none; }
  .pep-cols { grid-template-columns: 1fr; padding-top: 24px; }
  .pep-sum { display: none; }
  .pep-msticky { display: flex; }
  .pep { padding-bottom: 76px; }
  .pep-journey { padding-left: 44px; }
  .pep-journey::before { left: 16px; }
  .pep-n { left: -44px; width: 34px; height: 34px; font-size: 13px; }
  .pep-jhead h2 { font-size: 17px; }
  .pep-swhint { display: inline; }
  .pep-dots { display: flex; }
  .pep-scrollw::after { opacity: 1; }
  .pep-scrollw--end::after { opacity: 0; }
  .pep-base { display: flex; flex-direction: column; gap: 10px; }
  .pep-base .pep-bp { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 16px; }
  .pep-base .pep-bp:hover { transform: none; }
  .pep-base .pep-bp__imgw { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 12px; overflow: hidden; }
  .pep-base .pep-bp__img { padding: 4px; }
  .pep-base .pep-bp__eye { display: none; }
  .pep-base .pep-bp__i { flex: 1; min-width: 0; padding: 0; }
  .pep-base .pep-bp__i b { font-size: 12.5px; }
  .pep-base .pep-bp__chips { margin-top: 4px; }
  .pep-pc { flex-wrap: wrap; }
  .pep-pc__ctrl { width: 100%; justify-content: flex-end; padding-left: 36px; }
  .pep-pers { display: flex; flex-direction: column; gap: 14px; }
  .pep-per:not(.pep-per--wide) { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; column-gap: 11px; text-align: left; padding: 13px 14px; border-radius: 14px; }
  .pep-per:hover { transform: none; }
  .pep-per--hot { margin-top: 8px; }
  .pep-per__tag { left: 14px; transform: none; top: -10px; font-size: 8px; padding: 3px 11px; }
  .pep-per__radio { margin-bottom: 0; }
  .pep-per__l { text-align: left; }
  .pep-per__l b { font-size: 14px; }
  .pep-per__l > span { font-size: 9.5px; margin-top: 1px; }
  .pep-per__r { align-items: flex-end; margin-top: 0; min-width: 96px; }
  .pep-per__r > b { font-size: 16px; }
  .pep-per__mo { font-size: 9px; }
  .pep-per__sv { font-size: 9.5px; padding: 2.5px 8px; min-height: 0; }
  .pep-how { grid-template-columns: 1fr; }
  .pep-how__s { display: flex; align-items: center; gap: 10px; text-align: left; }
  .pep-how__s i { font-size: 18px; }
  .pep-how__s b { margin: 0; }
  .pep-revs { grid-template-columns: 1fr; }
  .pep-mask { place-items: end center; padding: 0; }
  .pep-modal { border-radius: 20px 20px 0 0; max-width: 560px; animation: pepShUp .28s ease; }
  @keyframes pepShUp { from{transform:translateY(45%);opacity:.4} to{transform:none;opacity:1} }
}

/* ═══ v4.11: адаптивните планове — финалната дума в каскадата ═══ */
.pep-per.pep-per--wide { display: flex !important; grid-template-columns: none; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; text-align: left; padding: 16px 20px !important; cursor: default; border-color: var(--pep-cyan); background: linear-gradient(92deg, #FDFEFF, #F0F9FD); border-radius: 16px; }
.pep-per.pep-per--wide:hover { transform: none; }
.pep-per--wide .pep-per__wl { flex: 1 1 260px; min-width: 0; }
.pep-per--wide .pep-per__wl b { display: block; font-size: 15px; font-weight: 900; color: var(--pep-navy); }
.pep-per--wide .pep-per__wl span { display: block; font-size: 11.5px; color: #6d8595; font-weight: 700; margin-top: 3px; }
.pep-per--wide .pep-per__wr { flex: 0 0 auto; margin-left: auto; text-align: right; }
.pep-per--wide .pep-per__wr > b { display: block; font-size: 24px; font-weight: 900; color: var(--pep-navy); line-height: 1.1; }
.pep-per--wide .pep-per__wr > b small { font-size: 11px; font-weight: 700; color: #8aa0af; }
.pep-per--wide .pep-per__wr > span { display: inline-flex; align-items: center; gap: 7px; margin-top: 4px; }
.pep-per--wide .pep-per__mo { display: inline; margin: 0; }
.pep-per--wide .pep-per__sv { margin-top: 0; min-height: 0; }
@media (max-width: 900px) {
  .pep-per--wide .pep-per__wl b { font-size: 13px; }
  .pep-per--wide .pep-per__wl span { font-size: 10.5px; }
  .pep-per--wide .pep-per__wr { margin-left: 0; width: 100%; text-align: left; display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 6px; border-top: 1px dashed #d8e7f0; padding-top: 10px; }
  .pep-per--wide .pep-per__wr > b { font-size: 20px; }
  .pep-per--wide .pep-per__wr > span { margin-top: 0; }
}

/* v4.19: Портфолио пикърът */
.pep-cat__hdr { margin: 14px 0 6px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; color: #4a6575; border-top: 1px dashed #dbe9f1; padding-top: 12px; }
.pep-catrow { display: flex; align-items: center; gap: 11px; border: 1.5px solid #e3edf3; border-radius: 13px; padding: 10px 12px; margin-top: 8px; background: #fff; }
.pep-catrow--in { border-color: #2BB6EA; background: #f4fbfe; }
.pep-catrow img, .pep-catrow__ni { flex: 0 0 42px; width: 42px; height: 42px; border-radius: 10px; object-fit: cover; background: #eaf3f9; display: flex; align-items: center; justify-content: center; font-size: 19px; }
.pep-catrow__b { flex: 1; min-width: 0; }
.pep-catrow__b > b { display: block; font-size: 13px; color: #16303F; }
.pep-catrow__p { display: block; font-size: 12.5px; font-weight: 800; color: #0d5a7d; margin-top: 2px; }
.pep-catrow__p s { color: #9db4c0; font-weight: 600; margin-left: 5px; }
.pep-catrow__p em { font-style: normal; background: #E7F7EE; color: #1d7a4f; font-size: 10px; font-weight: 900; border-radius: 99px; padding: 2px 8px; margin-left: 6px; }
.pep-cat__dose { display: inline-block; background: #F0F6FA; color: #4a6575; font-size: 10px; font-weight: 800; border-radius: 99px; padding: 2px 8px; margin-left: 6px; }
.pep-cat__cov { margin-top: 5px; font-size: 11px; font-weight: 700; color: #8a5a17; background: #FFF8EC; border: 1px dashed #f0c36a; border-radius: 8px; padding: 5px 8px; }
.pep-cat__cov--ok { color: #1d7a4f; background: #F0FAF4; border-color: #bfe6cf; }
.pep-catrow__ctrl { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; }
.pep-catrow__ctrl button { width: 26px; height: 26px; border: 1.5px solid #d5e5ee; background: #fff; border-radius: 99px; font-size: 14px; font-weight: 900; color: #0d5a7d; cursor: pointer; }
.pep-catrow__add { width: auto !important; padding: 0 13px; height: 30px !important; background: linear-gradient(92deg, #2BB6EA, #1a9fd4) !important; color: #fff !important; border: 0 !important; font-size: 12px !important; }
.pep-row--custom .pep-row__tag { font-style: normal; background: #F3EEFB; color: #6b46c1; font-size: 9.5px; font-weight: 900; border-radius: 99px; padding: 1px 7px; margin-left: 4px; }
.pep-row__x { background: #fdeeee; color: #b45050; border: 0; width: 18px; height: 18px; border-radius: 99px; font-size: 10px; font-weight: 900; cursor: pointer; margin-left: 5px; vertical-align: 1px; }

/* ═══ v4.26.1: Full-bleed — страницата не зависи от Oxygen контейнера.
   Разпъва root-а до ръбовете на viewport-а; вътрешните max-width 1060 центрират. */
#pshrine-epack { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: none; }
body.pshrine-epack-on { overflow-x: hidden; } /* 100vw включва scrollbar-а — режем 15-те px */

/* ═══ v4.20: Твоят избор + спестявания + панелът на кутията ═══ */
.pep-sub { display: flex; align-items: center; gap: 8px; margin: 16px 0 10px; flex-wrap: wrap; }
.pep-sub b { font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: #6d8595; }
.pep-sub i { flex: 1; height: 1px; background: #e7eef4; min-width: 20px; }
.pep-sub__cnt { background: #EAF7FD; color: #0d7fae; font-size: 10.5px; font-weight: 900; border-radius: 99px; padding: 3px 9px; }
.pep-sub__sv { background: #E7F6EE; color: #14603c; font-size: 10.5px; font-weight: 900; border-radius: 99px; padding: 3px 9px; }
.pep-sub__clr { border: none; background: none; font-family: inherit; font-size: 10px; font-weight: 800; color: #c46a6a; cursor: pointer; text-decoration: underline; padding: 0; }
.pep-sv { display: inline-block; background: #E7F6EE; color: #14603c; font-size: 10px; font-weight: 900; border-radius: 99px; padding: 2px 8px; }
.pep-mine { display: flex; flex-direction: column; gap: 8px; }
.pep-mine__empty { display: block; width: 100%; border: 2px dashed #cfe0e9; border-radius: 13px; padding: 16px 14px; text-align: center; font-family: inherit; font-size: 12px; font-weight: 800; color: #6d8595; cursor: pointer; background: #FAFCFE; transition: border-color .15s, color .15s; line-height: 1.6; }
.pep-mine__empty:hover { border-color: var(--pep-cyan); color: #0d7fae; }
.pep-mine__empty small { display: block; font-size: 10px; font-weight: 700; margin-top: 2px; color: #9fb3bf; }
.pep-mr { border: 1.5px solid #cde9da; background: #F7FCF9; border-radius: 13px; padding: 9px 11px; animation: pepSlideIn .3s ease; }
@keyframes pepSlideIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.pep-mr--flash { animation: pepMrFlash .45s ease; }
@keyframes pepMrFlash { 0% { background: #DFF5E9; } 100% { background: #F7FCF9; } }
.pep-mr__t { display: flex; align-items: center; gap: 11px; }
.pep-mr__img { width: 44px; height: 44px; border-radius: 9px; object-fit: contain; background: linear-gradient(135deg, #ECF6FC, #dceef8); flex: none; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.pep-mr__b { flex: 1; min-width: 0; }
.pep-mr__nm { display: block; font-size: 12px; font-weight: 800; color: var(--pep-navy); }
.pep-mr__nm em { font-style: normal; font-size: 9.5px; font-weight: 900; color: #0d7fae; background: #EAF7FD; border-radius: 99px; padding: 2px 7px; margin-left: 5px; vertical-align: 1px; }
.pep-mr__pr { display: block; font-size: 12px; font-weight: 900; margin-top: 2px; color: var(--pep-navy); }
.pep-mr__pr s { color: #9fb3bf; font-weight: 700; font-size: 10.5px; }
.pep-mr__c { display: flex; align-items: center; gap: 7px; flex: none; }
.pep-mr__c button { width: 26px; height: 26px; border-radius: 8px; border: 1.5px solid #cfe0e9; background: #fff; font-family: inherit; font-size: 14px; font-weight: 900; color: var(--pep-navy); cursor: pointer; line-height: 1; }
.pep-mr__c b { font-size: 13px; min-width: 13px; text-align: center; }
.pep-mr__x { border: none !important; background: none !important; color: #c46a6a !important; font-size: 13px !important; }
.pep-cov { margin-top: 7px; font-size: 10px; font-weight: 800; border-radius: 9px; padding: 6px 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pep-cov--warn { background: #FFF6E5; color: #8a6100; }
.pep-cov--ok { background: #E7F6EE; color: #14603c; }
.pep-cov button { border: 1.5px solid #d4a90c; background: #fff; color: #8a6100; border-radius: 99px; padding: 3px 10px; font-family: inherit; font-size: 10px; font-weight: 900; cursor: pointer; }
.pep-minesum { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-top: 9px; font-size: 11px; font-weight: 800; color: #46606f; background: #F6FAFD; border-radius: 11px; padding: 8px 12px; flex-wrap: wrap; }
.pep-minesum b { color: var(--pep-navy); }
/* Зелената лента */
.pep-savebar { position: sticky; bottom: 12px; z-index: 40; margin-top: 15px; background: linear-gradient(93deg, #0f7a46, #1fa863); border-radius: 15px; padding: 12px 15px; color: #fff; box-shadow: 0 8px 24px rgba(15,122,70,.35); cursor: pointer; }
.pep-savebar__m { display: flex; align-items: center; gap: 12px; }
.pep-savebar__i { font-size: 22px; }
.pep-savebar__b { flex: 1; min-width: 0; }
.pep-savebar__t { display: block; font-size: 14px; font-weight: 900; }
.pep-savebar__t big { font-size: 19px; font-weight: 900; }
.pep-savebar__d { display: block; font-size: 10px; font-weight: 700; opacity: .85; margin-top: 1px; }
.pep-savebar__pct { background: #fff; color: #14603c; font-size: 14px; font-weight: 900; border-radius: 99px; padding: 7px 13px; flex: none; }
/* Картите: топ badge, полза, дози, спести */
.pep-pc__top { position: absolute; top: -9px; left: 10px; z-index: 3; background: var(--pep-navy); color: #7fd6f7; font-size: 9px; font-weight: 900; border-radius: 99px; padding: 3px 10px; box-shadow: 0 4px 12px rgba(22,48,63,.28); }
.pep-pc__why { display: block; font-size: 9.5px; font-weight: 700; color: #6d8595; margin-top: 2px; line-height: 1.4; }
.pep-pc__dose { display: inline-block; font-size: 9px; font-weight: 800; color: #6d8595; background: var(--pep-sky); border-radius: 99px; padding: 2.5px 8px; margin-top: 4px; }
.pep-pc__sv { margin-top: 4px; }
/* Периодите: инлайн badge + trust ред */
.pep-per__tag2 { display: inline-block; margin-left: 8px; background: linear-gradient(92deg, var(--pep-navy), #29506a); color: #7fd6f7; font-size: 8.5px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; border-radius: 99px; padding: 3px 10px; vertical-align: 2px; }
.pep-per__tag2--best { background: #d4a90c; color: #fff; }
.pep-perstrust { margin-top: 11px; font-size: 10.5px; font-weight: 700; color: #6d8595; text-align: center; }
.pep-perstrust b { color: var(--pep-navy); }
/* Разписката: иконки + −€X + брояч */
.pep-sum__n { font-size: 10.5px; font-weight: 800; color: #6d8595; }
.pep-row { align-items: center; }
.pep-row__n { display: flex; align-items: center; gap: 8px; min-width: 0; }
.pep-row__ic { width: 24px; height: 24px; border-radius: 7px; object-fit: contain; background: linear-gradient(135deg, #ECF6FC, #dceef8); flex: none; display: flex; align-items: center; justify-content: center; font-size: 12px; }
.pep-lnsv { color: #1fa863; font-size: 9.5px; font-weight: 900; }
/* Панелът "Твоята кутия": дозови тагове */
.pep-durw { display: block; }
.pep-dur { display: inline-block; font-size: 9px; font-weight: 900; border-radius: 99px; padding: 2px 7px; margin-top: 3px; }
.pep-dur--ok { background: #E7F6EE; color: #14603c; }
.pep-dur--warn { background: #FFF6E5; color: #8a6100; }
/* Пикърът: брояч + чипове + жив footer */
.pep-cat__inb { background: #EAF7FD; color: #0d7fae; font-size: 10.5px; font-weight: 900; border-radius: 99px; padding: 4px 10px; margin-left: auto; margin-right: 10px; white-space: nowrap; }
.pep-cat__chips { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: none; }
.pep-cat__chips::-webkit-scrollbar { display: none; }
.pep-cchip { border: 1.5px solid #dbe4ec; background: #fff; border-radius: 99px; padding: 5px 12px; font-family: inherit; font-size: 10.5px; font-weight: 800; color: var(--pep-navy); cursor: pointer; white-space: nowrap; flex: none; }
.pep-cchip--on { border-color: var(--pep-cyan); background: #EAF7FD; color: #0d7fae; }
.pep-cat__ft { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px -22px -22px; padding: 12px 18px; background: linear-gradient(93deg, #0f7a46, #1fa863); color: #fff; border-radius: 0 0 18px 18px; }
@media (max-width: 900px) { .pep-cat__ft { border-radius: 0; } }
.pep-cat__ft > b { font-size: 12.5px; font-weight: 900; }
.pep-cat__ft > b small { display: block; font-size: 9.5px; font-weight: 700; opacity: .85; }
.pep-cat__done { border: none; background: #fff; color: #14603c; border-radius: 10px; padding: 9px 15px; font-family: inherit; font-size: 12px; font-weight: 900; cursor: pointer; flex: none; }
.pep-catrow mark { background: #FFF3B0; border-radius: 3px; padding: 0 1px; }
/* Toast */
.pep-toast { position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%) translateY(90px); background: var(--pep-navy); color: #fff; font-size: 12px; font-weight: 800; border-radius: 99px; padding: 10px 16px; z-index: 99990; transition: transform .3s ease; box-shadow: 0 8px 20px rgba(22,48,63,.35); display: flex; align-items: center; gap: 10px; pointer-events: auto; max-width: calc(100vw - 30px); }
.pep-toast--on { transform: translateX(-50%) translateY(0); }
.pep-toast button { border: none; background: var(--pep-cyan); color: #fff; border-radius: 99px; padding: 5px 12px; font-family: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
@media (max-width: 900px) {
  .pep-savebar { bottom: 76px; }
  .pep-savebar__t { font-size: 12px; }
  .pep-savebar__t big { font-size: 16px; }
  /* Toast-ът слиза ОТГОРЕ на мобилно — долу е претъпкано (msticky + чатове) */
  .pep-toast { top: 14px; bottom: auto; transform: translateX(-50%) translateY(-130px); }
  .pep-toast--on { transform: translateX(-50%) translateY(0); }
  .pep-per__tag2 { display: block; width: max-content; margin: 3px 0 0; }
  .pep-per__r { min-width: 96px; }
}

/* ═══ v4.22.1: чуждите плаващи елементи да не покриват футера/CTA ═══ */
/* FunnelKit плаващата количка: скрита на EPACK страницата (дублира я и покрива CTA) */
body.pshrine-epack-on [class*="fkcart-floating"] { display: none !important; }
body.pshrine-epack-on #fkcart-floating-toggler { display: none !important; }
/* Crisp: на мобилно се вдига над sticky футера (структурен селектор, не cc-* класовете) */
@media (max-width: 900px) {
  body.pshrine-epack-on #crisp-chatbox > div { margin-bottom: 76px !important; }
}

/* v4.24.1: разписката с CTA отгоре */
.pep-sum .pep-big { margin-top: 4px; }
.pep-sum .pep-rows { margin-top: 12px; border-top: 1px solid #eef2f6; padding-top: 6px; }
.pep-calm { margin-bottom: 2px; }

/* ═══ v4.26: вкусовете в пикъра ═══ */
.pep-catrow--vars { display: block; }
.pep-catrow__t { display: flex; align-items: center; gap: 11px; }
.pep-flv { margin-top: 9px; padding-top: 9px; border-top: 1px dashed #e3edf3; }
.pep-flv__q { font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .05em; color: #8aa0af; margin-bottom: 7px; }
.pep-flv__chips { display: flex; gap: 7px; flex-wrap: wrap; }
.pep-fchip { display: inline-flex; align-items: center; gap: 7px; border: 1.5px solid #dbe4ec; border-radius: 99px; padding: 6px 12px; font-family: inherit; font-size: 11px; font-weight: 800; cursor: pointer; background: #fff; color: var(--pep-navy); }
.pep-fchip:hover { border-color: var(--pep-cyan); }
.pep-fchip--on { border-color: #1fa863; background: #F2FBF6; }
.pep-fchip__add { color: #0d7fae; font-weight: 900; }
.pep-fchip__q { display: inline-flex; align-items: center; gap: 6px; }
.pep-fchip__q i { display: inline-grid; place-items: center; width: 19px; height: 19px; border-radius: 99px; border: 1.5px solid #bfe0cd; background: #fff; font-style: normal; font-size: 11px; font-weight: 900; color: #14603c; line-height: 1; }
.pep-fchip__q b { font-size: 11px; color: #14603c; min-width: 10px; text-align: center; }

/* ═══ v4.28: панелът "Твоята кутия" — CTA-то е винаги видимо ═══ */
.pep-modal--cart { display: flex; flex-direction: column; max-height: 86vh; overflow-y: hidden; }
.pep-cartbody { overflow-y: auto; flex: 1; min-height: 0; -webkit-overflow-scrolling: touch; }
.pep-modal--cart .pep-cta { flex: none; margin-top: 12px; }
.pep-modal--cart .pep-calm { flex: none; }

/* ═══ v4.29: Помощ пилчето ═══ */
.pep-help { position: fixed; right: 0; top: 55%; z-index: 900; transform: translateY(-50%); }
.pep-help__tab { display: flex; flex-direction: column; align-items: center; gap: 6px; background: #fff; border: 1.5px solid #dbe6ec; border-right: none; border-radius: 12px 0 0 12px; padding: 12px 8px; cursor: pointer; box-shadow: -4px 4px 14px rgba(22,48,63,.08); font-family: inherit; transition: padding .15s; }
.pep-help__tab:hover { padding-right: 11px; }
.pep-help__tab i { font-style: normal; font-size: 15px; }
.pep-help__tab span { writing-mode: vertical-rl; font-size: 9.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #0d7fae; }
.pep-help__card { position: absolute; right: 8px; top: 50%; transform: translateY(-50%) translateX(12px); width: 238px; background: #fff; border-radius: 15px; box-shadow: 0 18px 50px rgba(22,48,63,.22); padding: 15px 16px 14px; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; }
.pep-help--open .pep-help__card { opacity: 1; pointer-events: auto; transform: translateY(-50%) translateX(0); }
.pep-help--open .pep-help__tab { opacity: 0; pointer-events: none; }
.pep-help__x { position: absolute; top: 9px; right: 10px; border: none; background: none; color: #9db4c0; font-size: 13px; font-weight: 900; cursor: pointer; }
.pep-help__t { font-size: 12.5px; font-weight: 900; color: var(--pep-navy); margin-bottom: 2px; }
.pep-help__s { font-size: 10px; font-weight: 700; color: #6d8595; margin-bottom: 9px; }
.pep-help__tel { display: flex; align-items: center; gap: 9px; background: #F6FAFD; border-radius: 11px; padding: 9px 12px; text-decoration: none; color: var(--pep-navy); margin-bottom: 7px; }
.pep-help__tel i { font-style: normal; font-size: 16px; }
.pep-help__tel b { display: block; font-size: 14px; font-weight: 900; }
.pep-help__tel small { display: block; font-size: 9px; font-weight: 700; color: #6d8595; }
.pep-help__chat { display: block; width: 100%; border: 1.5px solid #cfe8f5; background: #EAF7FD; color: #0d7fae; border-radius: 11px; padding: 8px; font-family: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
@media (max-width: 900px) {
  .pep-help { top: auto; bottom: 132px; right: 10px; transform: none; }
  .pep-help__tab { flex-direction: row; border: 1.5px solid #dbe6ec; border-radius: 99px; padding: 10px 12px; box-shadow: 0 6px 18px rgba(22,48,63,.16); }
  .pep-help__tab span { display: none; }
  .pep-help__card { right: 0; top: auto; bottom: 0; transform: translateY(8px); }
  .pep-help--open .pep-help__card { transform: translateY(0); }
}

/* ═══ v4.29: помощ пилчето ═══ */
.pep-help { position: fixed; right: 0; top: 55%; z-index: 60; transform: translateY(-50%); }
.pep-help__tab { display: flex; flex-direction: column; align-items: center; gap: 6px; background: #fff; border: 1.5px solid #dbe6ec; border-right: none; border-radius: 12px 0 0 12px; padding: 12px 8px; cursor: pointer; font-family: inherit; box-shadow: -4px 4px 14px rgba(22,48,63,.08); transition: padding .15s; }
.pep-help__tab:hover { padding-right: 11px; }
.pep-help__tab i { font-style: normal; font-size: 15px; }
.pep-help__tab span { writing-mode: vertical-rl; font-size: 9.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #0d7fae; }
.pep-help__card { position: absolute; right: 8px; top: 50%; transform: translateY(-50%) translateX(12px); width: 238px; background: #fff; border-radius: 15px; box-shadow: 0 18px 50px rgba(22,48,63,.22); padding: 15px 16px 14px; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; }
.pep-help--open .pep-help__card { opacity: 1; pointer-events: auto; transform: translateY(-50%) translateX(0); }
.pep-help--open .pep-help__tab { opacity: 0; pointer-events: none; }
.pep-help__x { position: absolute; top: 9px; right: 10px; border: none; background: none; color: #9db4c0; font-size: 13px; font-weight: 900; cursor: pointer; }
.pep-help__t { font-size: 12.5px; font-weight: 900; margin-bottom: 2px; color: var(--pep-navy); }
.pep-help__s { font-size: 10px; font-weight: 700; color: #6d8595; margin-bottom: 9px; }
.pep-help__tel { display: flex; align-items: center; gap: 9px; background: #F6FAFD; border-radius: 11px; padding: 9px 12px; text-decoration: none; color: var(--pep-navy); margin-bottom: 7px; }
.pep-help__tel i { font-style: normal; font-size: 16px; }
.pep-help__tel b { display: block; font-size: 14px; font-weight: 900; }
.pep-help__tel small { display: block; font-size: 9px; font-weight: 700; color: #6d8595; }
.pep-help__chat { display: block; width: 100%; border: 1.5px solid #cfe8f5; background: #EAF7FD; color: #0d7fae; border-radius: 11px; padding: 8px; font-family: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
@media (max-width: 900px) {
  .pep-help { top: auto; bottom: 132px; right: 10px; transform: none; }
  .pep-help__tab { flex-direction: row; border: 1.5px solid #dbe6ec; border-radius: 99px; padding: 10px 12px; box-shadow: 0 6px 18px rgba(22,48,63,.14); }
  .pep-help__tab span { display: none; }
  .pep-help__card { right: 0; top: auto; bottom: 0; transform: translateY(8px); }
  .pep-help--open .pep-help__card { transform: translateY(0); }
}

/* ═══ v4.35.1: порталните маски + мобилният overflow фикс ═══ */
/* Порталът е извън .pep дървото на страницата → box-sizing защитата изрично */
.pep-portal, .pep-portal *, .pep-portal *::before, .pep-portal *::after { box-sizing: border-box; }
.pep-portal { font-family: inherit; }
/* Колан: маската и панелът никога не надвишават реалния viewport */
.pep-mask { width: 100vw; max-width: 100vw; left: 0; right: auto; }
.pep-modal { max-width: min(400px, calc(100vw - 24px)); }
.pep-modal--cat { max-width: min(520px, 100vw); }
.pep-modal--pd { max-width: min(460px, 100vw); }
.pep-modal--cart { max-width: min(460px, 100vw); }
@media (max-width: 900px) {
  .pep-modal, .pep-modal--cat, .pep-modal--pd, .pep-modal--cart { max-width: 100vw; }
  .pep-cat__search { font-size: 16px; } /* iOS: под 16px зуумва при фокус */
}

/* ═══ v4.36.0: Pre-sale попъпът ═══ */
.pep-modal--ps { max-width: min(480px, calc(100vw - 24px)); padding: 0; overflow: hidden; }
.pep-ps__top { background: linear-gradient(120deg, #0F2430, #16303F); color: #fff; padding: 22px 24px 18px; position: relative; }
.pep-ps__badge { display: inline-flex; align-items: center; gap: 7px; background: rgba(225,154,43,.18); border: 1px solid rgba(225,154,43,.5); color: #FFD98F; font-size: 10px; font-weight: 900; letter-spacing: .8px; border-radius: 99px; padding: 5px 12px; text-transform: uppercase; }
.pep-ps__top h3 { font-size: 19px; font-weight: 900; margin: 10px 0 0; line-height: 1.3; color: #fff; }
.pep-ps__x { position: absolute; top: 12px; right: 12px; background: rgba(255,255,255,.12); color: #fff; }
.pep-ps__x:hover { background: rgba(255,255,255,.22); }
.pep-ps__b { padding: 20px 24px 22px; }
.pep-ps__b p { font-size: 13.5px; color: #3d5464; line-height: 1.65; font-weight: 600; margin: 0; }
.pep-ps__oct { display: flex; align-items: center; gap: 11px; background: #FFF6E5; border: 1px solid #F0D9AE; border-radius: 12px; padding: 11px 13px; margin: 13px 0; font-size: 12.5px; font-weight: 700; color: #8a5a17; }
.pep-ps__oct i { font-style: normal; font-size: 19px; flex: none; }
.pep-ps__sig { display: flex; align-items: center; gap: 10px; margin: 14px 0 16px; }
.pep-ps__sig i { width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(145deg, #2BB6EA, #1a9fd4); display: flex; align-items: center; justify-content: center; font-style: normal; color: #fff; font-weight: 900; font-size: 13px; flex: none; }
.pep-ps__sig span { font-size: 11.5px; color: #7A8FA0; font-weight: 600; }
.pep-ps__sig span b { display: block; color: #16303F; font-size: 12.5px; }
.pep-ps__cta { display: block; width: 100%; border: none; border-radius: 14px; padding: 15px; background: linear-gradient(93deg, #2BB6EA, #1a9fd4); color: #fff; font-family: inherit; font-size: 15px; font-weight: 900; cursor: pointer; box-shadow: 0 6px 20px rgba(43,182,234,.4); }
.pep-ps__cta:hover { filter: brightness(1.05); }
@media (max-width: 900px) { .pep-modal--ps { max-width: 100vw; } }

/* ═══ v5.13 Комбо: избор по опаковка + подаръци (стилът на Essentials) ═══ */
.pep-base .pep-units{grid-column:1/-1;margin:4px 0 6px;padding:14px 16px;border:1.5px dashed #CBEAF8;border-radius:16px;background:#FBFDFE}
.pep-units__h{font-size:13px;font-weight:800;color:#16303F;margin-bottom:8px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pep-units__h b{color:#0E7DB8}
.pep-units__h small{font-size:10.5px;color:#7A8FA0;font-weight:700}
.pep-unit{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0}
.pep-unit+.pep-unit{border-top:1px dashed #E4EBF1}
.pep-unit__l{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#7A8FA0;min-width:92px;flex:none}
.pep-unit__l b{color:#16303F}
.pep-unit__c{display:flex;gap:6px;flex-wrap:wrap}
.pep-uchip{border:1.5px solid #E4EBF1;background:#fff;border-radius:99px;padding:7px 14px;font:inherit;font-weight:800;font-size:12.5px;color:#16303F;cursor:pointer;transition:all .12s;white-space:nowrap}
.pep-uchip:hover{border-color:#2BB6EA}
.pep-uchip.on{border-color:#2BB6EA;background:#EAF7FD;color:#0E7DB8}
.pep-uchip.out{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.pep-row__sub{display:block;font-size:10.5px;color:#7A8FA0;font-weight:700}
.pep-gstep .pep-n{background:linear-gradient(145deg,#8B5CF6,#7C3AED)}
.pep-gcnt{font-size:11px;font-weight:900;color:#7C3AED;background:#F3EEFF;border-radius:99px;padding:3px 10px;vertical-align:middle;margin-left:6px}
.pep-gifts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pep-gift{position:relative;text-align:left;background:#fff;border:1.5px solid #E4EBF1;border-radius:14px;padding:11px;cursor:pointer;font:inherit;transition:all .12s}
.pep-gift:hover{border-color:#B8A3F0}
.pep-gift.on{border-color:#7C3AED;box-shadow:0 0 0 2px rgba(124,58,237,.15)}
.pep-gift--dis{opacity:.45}
.pep-gift--oos{opacity:.4;cursor:not-allowed}
.pep-gift__img{width:100%;height:64px;object-fit:contain;border-radius:9px;background:linear-gradient(145deg,#F3EEFF,#E4D9FF);margin-bottom:8px;display:block}
.pep-gift b{display:block;font-size:12px;font-weight:900;color:#16303F;line-height:1.25}
.pep-gift small{display:block;font-size:10.5px;color:#7A8FA0;font-weight:700;margin-top:3px}
.pep-gift small s{color:#9AAAB7}.pep-gift small em{color:#7C3AED;font-style:normal;font-weight:900}
.pep-gift__ck{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;border:1.5px solid #E4EBF1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.pep-gift.on .pep-gift__ck{background:#7C3AED;border-color:#7C3AED}
.pep-gift--shake{animation:pepShake .35s}
@keyframes pepShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.pep-row--gift b{color:#7C3AED}
.pep-ghint{display:none;text-align:center;font-size:12px;color:#B3690E;font-weight:800;margin:10px 0 4px;padding:9px 12px;background:#FFF6E8;border:1px solid #F5DDB3;border-radius:11px;line-height:1.35}
.pep-ghint--pulse{animation:pepPulse .9s}
@keyframes pepPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06);color:#C2404E}}
.pep-cta--wait{opacity:.55;filter:saturate(.6)}
.pep-uchip__dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.pep-bp__qty{position:absolute;left:10px;top:10px;background:#16303F;color:#fff;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:900;letter-spacing:.3px}
.pep-unit__l b{color:#0E7DB8;text-transform:none;letter-spacing:0;font-size:11px}
.pep-bp--unit .pep-bp__qty{left:auto;right:10px;top:auto;bottom:10px;background:rgba(22,48,63,.85);font-size:9.5px;text-transform:uppercase;letter-spacing:.4px}
.pep-bp--flash{box-shadow:0 0 0 3px rgba(43,182,234,.45)!important;transition:box-shadow .2s}
.pep-unit--hl{background:#EAF7FD;border-radius:10px}
.pep-bp--unit .pep-bp__qty{left:auto;right:10px;top:auto;bottom:10px;background:rgba(22,48,63,.85);font-size:9.5px;text-transform:uppercase;letter-spacing:.4px}
.pep-bp--flash{box-shadow:0 0 0 3px rgba(43,182,234,.45)!important;transition:box-shadow .2s}
.pep-unit--hl{background:#EAF7FD;border-radius:10px}
/* v6.29.0 · вкусът на вариативен подарък */
.pep-gflv{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:#F7F2FE;border:1.5px dashed #d8c6f2;border-radius:12px;padding:8px 11px;margin-top:-4px}
.pep-gflv__l{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7c4dcc}
.pep-gflv__c{font:inherit;font-size:11px;font-weight:800;border:1.5px solid #d8c6f2;background:#fff;border-radius:99px;padding:5px 11px;cursor:pointer;color:#5a3b8f}
.pep-gflv__c.on{background:#7c4dcc;border-color:#7c4dcc;color:#fff}
.pep-gflv__c:disabled{opacity:.45;cursor:not-allowed}
/* v6.29.4/9 · вкус на добавка — тънък компактен ред */
.pep-gflv--a{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:6px;background:none;border:none;padding:0}
.pep-gflv--a .pep-gflv__l{display:none}
.pep-gflv--a .pep-gflv__c{border:1px solid #d5e6f0;background:#F7FBFE;color:#40718a;font-size:10px;font-weight:800;padding:4px 9px;border-radius:99px;line-height:1}
.pep-gflv--a .pep-gflv__c.on{background:#2BB6EA;border-color:#2BB6EA;color:#fff;box-shadow:0 3px 8px -3px rgba(43,182,234,.6)}
/* v6.30.2 · по-големи карти при вкусова група: продукт -> вкус -> добави */
.pep-pc--flv{flex-wrap:wrap;align-items:flex-start;padding:16px 16px 14px}
.pep-pc--flv .pep-pc__img{width:96px;height:96px;border-radius:14px}
.pep-pc--flv .pep-pc__nm{font-size:15px}
.pep-pc--flv .pep-pc__price{font-size:15px;margin-top:3px}
.pep-pc--flv .pep-gflv--a{margin-top:10px;gap:6px}
.pep-pc--flv .pep-gflv--a .pep-gflv__c{font-size:11.5px;padding:7px 13px}
.pep-pc--flv .pep-pc__ctrl{flex:1 0 100%;display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed #e3edf3}
.pep-pc--flv .pep-pc__btn{font-size:13px;padding:11px 22px}