.pep-pennen{background:#0b0b0b;padding:0 20px 64px}.pep-pennen__inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:linear-gradient(135deg,#161616,#0f0f0f);border:1px solid rgba(200,169,107,.22);border-radius:20px;padding:40px 46px;position:relative;overflow:hidden}.pep-pennen__inner:before{content:"";position:absolute;top:-45%;right:-12%;width:58%;height:140%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(200,169,107,.16) 0%,transparent 66%)}.pep-pennen__text{position:relative;z-index:2}.pep-pennen__kicker{display:inline-flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#c8a96b;border:1px solid rgba(200,169,107,.34);background:#c8a96b17;padding:7px 16px;border-radius:999px;margin-bottom:20px}.pep-pennen__kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e38}.pep-pennen__title{font-family:Playfair Display,serif;font-weight:700;font-size:clamp(26px,3.4vw,40px);line-height:1.1;color:#fff;margin:0 0 16px;letter-spacing:-.01em}.pep-pennen__title span{color:#c8a96b}.pep-pennen__sub{font-family:Montserrat,sans-serif;font-size:15px;line-height:1.7;color:#ffffffa6;margin:0 0 22px;max-width:440px}.pep-pennen__points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;max-width:460px}.pep-pennen__points li{display:inline-flex;align-items:center;gap:7px;font-family:Montserrat,sans-serif;font-size:13px;color:#ffffffb8}.pep-pennen__points svg{width:14px;height:14px;color:#c8a96b;flex-shrink:0}.pep-pennen__visual{position:relative;z-index:2;display:flex;justify-content:center}.pep-pennen__visual img{width:100%;max-width:420px;height:auto;display:block;border-radius:14px;border:1px solid rgba(200,169,107,.18);box-shadow:0 30px 70px #0000008c}.pep-pennen__cards{max-width:1120px;margin:22px auto 0}.pep-pennen__rail{display:grid;grid-auto-flow:column;grid-auto-columns:62%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -20px;padding:4px 20px}.pep-pennen__rail::-webkit-scrollbar{display:none}.pep-pennen__rail>*{scroll-snap-align:start}.pep-pen-card{display:flex;flex-direction:column;text-decoration:none;position:relative;background:linear-gradient(180deg,#161616,#131313);border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease}.pep-pen-card:hover{border-color:#c8a96b4d;box-shadow:0 20px 50px -22px #000000e6}.pep-pen-card:hover .pep-pen-card__img img{transform:scale(1.06)}.pep-pen-card:hover .pep-pen-card__go{color:#fff}.pep-pen-card__img{position:relative;aspect-ratio:1/1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,rgba(200,169,107,.1) 0%,transparent 62%),#0e0e0e}.pep-pen-card__img img{width:100%;height:100%;object-fit:contain;padding:8%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.pep-pen-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}.pep-pen-card__name{font-family:Playfair Display,Georgia,serif;font-size:16px;font-weight:700;color:#fff;margin:0 0 5px;line-height:1.25}.pep-pen-card__line{font-family:Montserrat,sans-serif;font-size:11.5px;line-height:1.5;color:#ffffff7a;margin:0 0 12px;font-weight:300;min-height:34px}.pep-pen-card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto}.pep-pen-card__price{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:#c8a96b;letter-spacing:-.01em}.pep-pen-card__go{font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;display:inline-flex;align-items:center;gap:5px;transition:color .3s ease}.pep-pen-card__go svg{width:11px;height:11px}.pep-pen-card__sold{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:#0b0b0b9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:Montserrat,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#fffc}.pep-pennen__foot{text-align:center;margin-top:26px}.pep-pennen__foot a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:5px;transition:all .3s ease}.pep-pennen__foot a:hover{color:#c8a96b;border-color:#c8a96b47}.pep-pennen__foot svg{width:12px;height:12px}@media(min-width:640px){.pep-pennen__rail{grid-auto-columns:38%}}@media(min-width:1000px){.pep-pennen__rail{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;gap:18px;overflow:visible;margin:0;padding:0}.pep-pennen__cards{margin-top:18px}}@media(max-width:860px){.pep-pennen{padding:0 16px 44px}.pep-pennen__inner{grid-template-columns:1fr;gap:24px;padding:26px 20px 30px;border-radius:16px;text-align:center}.pep-pennen__visual{order:1}.pep-pennen__text{order:2;display:flex;flex-direction:column;align-items:center}.pep-pennen__sub{max-width:100%}.pep-pennen__points{justify-content:center;max-width:100%}.pep-pennen__visual img{max-width:100%}.pep-pennen__rail{margin:0 -16px;padding:4px 16px}}@media(prefers-reduced-motion:reduce){.pep-pennen *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/pep-pennen.css.map */