/** Shopify CDN: Minification failed

Line 1183:0 Unexpected "@media"
Line 1252:0 Unexpected "@media"

**/
/* Sky PDP — shared stylesheet, scoped under .sky-pdp */
.sky-pdp,.sky-pdp *,.sky-pdp *::before,.sky-pdp *::after{box-sizing:border-box}
.sky-pdp{font-family:'Barlow',system-ui,sans-serif;color:#151515;line-height:1.5;-webkit-font-smoothing:antialiased;max-width:100vw;overflow-x:clip}
.sky-pdp img{max-width:100%;display:block}
.sky-pdp button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.sky-pdp a{color:inherit;text-decoration:none}
body.sky-pdp-lock{overflow:hidden}
/* Mobile robustness: prevent edge overflow from gallery / wide tables */
@media(max-width:1080px){
  /* Grid-blowout-fix: 1fr expandiert durch Image-Aspect-Ratio. minmax(0,1fr) verhindert das. */
  .sky-pdp .hero-grid{grid-template-columns:minmax(0,1fr) !important}
  .sky-pdp .gallery,.sky-pdp .pdp-side{min-width:0 !important;max-width:100% !important}
  .sky-pdp .gallery-main,.sky-pdp .gallery-grid,.sky-pdp .gallery-thumbs{max-width:100% !important}
}
@media(max-width:560px){
  .sky-pdp .w{padding-left:18px !important;padding-right:18px !important}
  .sky-pdp .hero{padding-left:0;padding-right:0}
  /* Mobile-Performance: disable expensive backdrop-filter on always-visible elements (modals keep their blur) */
  .sky-pdp .gallery-main .pin,.sky-pdp .gallery-main .zoom{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
}
@media(prefers-reduced-motion:reduce){
  .sky-pdp *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .sky-pdp .countdown,.sky-pdp .pulse,.sky-pdp [class*="pulse"]{animation:none !important}
}
/* Strong-Gold-Regel auf Sky-PDP (ersetzt .sky-section Rule die wir wegen padding:120px nicht nutzen) */
.sky-pdp h1 strong,.sky-pdp h1 b,
.sky-pdp h2 strong,.sky-pdp h2 b,
.sky-pdp h3 strong,.sky-pdp h3 b,
.sky-pdp h4 strong,.sky-pdp h4 b{color:var(--sky-gold-accent) !important;font-weight:700 !important}
/* Hero-Bild quadratisch (per Memory: Produktbilder IMMER 1:1) */
.sky-pdp .gallery-main{aspect-ratio:1/1 !important}
/* Models-Slider kompakt: Header + Arrows + Track in 1 Zeile, Track scrollbar */
.sky-pdp .models{padding:18px 0 20px !important}
.sky-pdp .models-head{margin-bottom:10px !important;padding:0 32px !important}
.sky-pdp .models-head .lbl{font-size:11px !important;letter-spacing:.08em !important}
.sky-pdp .models-head .nav{display:flex;gap:6px;align-items:center}
.sky-pdp .models-head .nav button{width:28px !important;height:28px !important;border-radius:8px !important}
.sky-pdp .models-track{padding:2px 32px 6px !important;gap:8px !important;scroll-padding-inline:32px !important}
.sky-pdp .model-card{height:64px !important}
.sky-pdp .model-img{width:64px !important}
.sky-pdp .model-info{padding:6px 10px !important}
.sky-pdp .model-info b{font-size:12.5px !important}
.sky-pdp .model-info .price{font-size:11.5px !important;margin-top:1px !important}
@media(max-width:560px){
  .sky-pdp .models-head{padding:0 24px !important}
  .sky-pdp .models-track{padding:2px 24px 6px !important;scroll-padding-left:24px !important;scroll-padding-inline:24px !important}
}
/* Theme-cascade-proofing critical UI elements (quantity selector, buy-row, var-options) */
.sky-pdp .qty{display:inline-flex !important;align-items:center !important;border:1.5px solid #eaeaea !important;border-radius:8px !important;overflow:hidden !important;flex:none !important;width:auto !important;max-width:max-content !important;height:52px !important;min-height:52px !important;max-height:52px !important;line-height:1 !important;padding:0 !important;align-self:flex-start !important}
.sky-pdp .qty button{width:42px !important;height:50px !important;padding:0 !important;background:#fff !important;color:#151515 !important;font-size:18px !important;font-weight:600 !important;border:0 !important;cursor:pointer !important;display:grid !important;place-items:center !important;line-height:1 !important;flex:none !important;min-width:0 !important;text-transform:none !important;letter-spacing:0 !important;min-height:0 !important;max-height:50px !important}
.sky-pdp .qty button:hover{background:#f6f3ee !important}
.sky-pdp .qty input{width:50px !important;height:50px !important;border:0 !important;background:transparent !important;text-align:center !important;font-size:15px !important;font-weight:700 !important;color:#151515 !important;outline:none !important;padding:0 !important;margin:0 !important;flex:none !important;-moz-appearance:textfield !important;line-height:50px !important;min-height:0 !important;max-height:50px !important;display:inline-block !important;vertical-align:middle !important;box-sizing:border-box !important}
.sky-pdp .qty input::-webkit-inner-spin-button,.sky-pdp .qty input::-webkit-outer-spin-button{-webkit-appearance:none !important;margin:0 !important}
.sky-pdp .buy-row{display:flex !important;gap:10px !important;align-items:flex-start !important;flex-wrap:nowrap !important;height:auto !important}
.sky-pdp .btn-add{height:52px !important;min-height:52px !important;max-height:52px !important;line-height:1.2 !important}
.sky-pdp .btn-add{flex:1 1 auto !important;min-width:0 !important}
.sky-pdp .var-opt{padding:11px 18px !important;border:1.5px solid #eaeaea !important;border-radius:8px !important;font-size:14px !important;font-weight:600 !important;color:#151515 !important;cursor:pointer !important;background:#fff !important;text-transform:none !important;letter-spacing:0 !important}
.sky-pdp .var-opt.active{border-color:#c7a66a !important;background:rgba(199,166,106,.10) !important;color:#c29b58 !important}
.sky-pdp .var-opt-color{width:42px !important;height:42px !important;border-radius:8px !important;padding:0 !important;display:grid !important;place-items:center !important;cursor:pointer !important;border:1.5px solid #eaeaea !important;background:#fff !important}
/* Active model card: subtle gold border + AKTUELL badge, no gold title */
.sky-pdp .model-card.active{border-color:#c7a66a !important;background:linear-gradient(135deg,#fff,rgba(199,166,106,.05)) !important;box-shadow:0 4px 14px rgba(199,166,106,.18),inset 3px 0 0 #c7a66a !important;position:relative}
.sky-pdp .model-card.active .model-info b{color:#151515 !important}
.sky-pdp .model-card.active::after{content:"AKTUELL";position:absolute;top:6px;right:8px;font-size:8px;font-weight:800;letter-spacing:.10em;color:#c7a66a;background:rgba(199,166,106,.10);padding:2px 6px;border-radius:999px;line-height:1.4}
/* Lead-form badge: explicit centering with pulsing dot */
.sky-pdp .lf-badge{display:inline-flex !important;align-items:center !important;gap:8px !important;line-height:1.2 !important;padding:5px 11px !important}
.sky-pdp .lf-badge::before{flex:0 0 6px !important;width:6px !important;height:6px !important;align-self:center !important;display:block !important;margin:0 !important;position:static !important}
/* Offerte-Form: zusätzliche Grid-Layouts + Select-Styling (Adresse + Erreichbarkeit) */
.sky-pdp .offer-form .of-row-3-1{grid-template-columns:2fr 1fr !important}
.sky-pdp .offer-form .of-row-1-3{grid-template-columns:1fr 2fr !important}
.sky-pdp .offer-form select{width:100%;padding:9px 32px 9px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;font-family:inherit;font-size:13px;color:#fff;outline:none;transition:all .25s var(--ease);box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c7a66a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;margin-bottom:6px}
.sky-pdp .offer-form select:focus{border-color:var(--gold);background-color:rgba(199,166,106,.06)}
.sky-pdp .offer-form select option{background:#1a1410;color:#fff}
.sky-pdp .offer-form select:invalid{color:rgba(255,255,255,.40)}
@media(max-width:520px){
  .sky-pdp .offer-form .of-row,
  .sky-pdp .offer-form .of-row-3-1,
  .sky-pdp .offer-form .of-row-1-3{grid-template-columns:1fr !important}
}
/* Offerte-Modal: Cinematic-Boost — Animated-Gradient-BG, Pulse-Ring, Sparkles, Submit-Glow */
.sky-pdp .offer-modal .dark-mc{background:linear-gradient(135deg,#0e0e0e 0%,#1a1410 25%,#221814 50%,#1a1410 75%,#0e0e0e 100%) !important;background-size:300% 300% !important;animation:offerModalShift 14s ease infinite !important;border:1.5px solid rgba(199,166,106,.45) !important;box-shadow:0 50px 120px rgba(0,0,0,.65),0 0 0 1px rgba(199,166,106,.20),0 0 80px -20px rgba(199,166,106,.55) !important;position:relative}
.sky-pdp .offer-modal .dark-mc::before{background:radial-gradient(80% 60% at 50% 0%,rgba(199,166,106,.28),transparent 65%) !important;animation:offerModalGlow 5s ease-in-out infinite !important}
.sky-pdp .offer-modal .dark-mc::after{content:"" !important;position:absolute !important;inset:0 !important;background:linear-gradient(110deg,transparent 30%,rgba(199,166,106,.10) 50%,transparent 70%) !important;background-size:200% 100% !important;background-position:-100% 0 !important;animation:offerModalShine 7s ease-in-out infinite !important;pointer-events:none !important;z-index:0}
.sky-pdp .offer-modal .dark-mhead{position:relative;z-index:1}
.sky-pdp .offer-modal .dark-mhead .dh-ico{background:linear-gradient(135deg,rgba(199,166,106,.45),rgba(199,166,106,.18)) !important;border:1px solid rgba(199,166,106,.55) !important;box-shadow:0 0 24px -4px rgba(199,166,106,.55) !important;position:relative}
.sky-pdp .offer-modal .dark-mhead .dh-ico::after{content:"";position:absolute;inset:-5px;border-radius:8px;border:1.5px solid rgba(199,166,106,.40);animation:offerPulse 2.4s var(--ease) infinite;pointer-events:none}
.sky-pdp .offer-modal .dark-mhead .dh-text{position:relative}
.sky-pdp .offer-modal .dark-mhead .dh-text::before{content:"KOSTENLOS · 1 MIN";display:inline-block;font-size:9px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--sky-gold-primary);background:rgba(199,166,106,.18);border:1px solid rgba(199,166,106,.45);padding:3px 9px;border-radius:999px;margin:0 0 6px;line-height:1.2;animation:badgeBlink 3s ease-in-out infinite}
.sky-pdp .offer-modal .dark-mhead h3{margin-top:0 !important}
.sky-pdp .offer-modal .offer-mbody{position:relative;z-index:1}
/* Sparkles im Offer-Modal */
.sky-pdp .offer-modal .dark-mc > .sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--sky-gold-primary);opacity:0;pointer-events:none;z-index:0;box-shadow:0 0 10px 2px rgba(199,166,106,.70)}
.sky-pdp .offer-modal .dark-mc > .sparkle.s1{top:8%;left:18%;animation:sparkleFloat 4.0s ease-in-out infinite}
.sky-pdp .offer-modal .dark-mc > .sparkle.s2{top:22%;right:24%;animation:sparkleFloat 4.4s ease-in-out infinite 1.2s}
.sky-pdp .offer-modal .dark-mc > .sparkle.s3{top:55%;left:14%;animation:sparkleFloat 3.8s ease-in-out infinite 2.0s}
.sky-pdp .offer-modal .dark-mc > .sparkle.s4{bottom:28%;right:16%;animation:sparkleFloat 4.2s ease-in-out infinite 2.8s}
.sky-pdp .offer-modal .dark-mc > .sparkle.s5{bottom:14%;left:38%;animation:sparkleFloat 3.6s ease-in-out infinite 3.5s}
.sky-pdp .offer-modal .dark-mc > .sparkle.s6{top:42%;right:42%;animation:sparkleFloat 4.6s ease-in-out infinite .5s}
/* Submit-Button Cinematic */
.sky-pdp .offer-modal .of-submit{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--sky-gold-primary) 0%,var(--sky-gold-light) 50%,var(--sky-gold-primary) 100%) !important;background-size:200% 100% !important;animation:offerSubmitShift 4s ease infinite !important;box-shadow:0 8px 24px rgba(199,166,106,.40),0 0 0 1px rgba(199,166,106,.40) !important;transition:all .25s var(--ease) !important;font-weight:700 !important}
.sky-pdp .offer-modal .of-submit::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transform:translateX(-100%);animation:offerSubmitShine 3.5s ease infinite}
.sky-pdp .offer-modal .of-submit:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(199,166,106,.55),0 0 0 1.5px var(--sky-gold-primary) !important}
@keyframes offerModalShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes offerModalGlow{0%,100%{opacity:.85}50%{opacity:1}}
@keyframes offerModalShine{0%,55%,100%{background-position:-100% 0}68%,82%{background-position:200% 0}}
@keyframes offerSubmitShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes offerSubmitShine{0%,75%,100%{transform:translateX(-100%)}88%{transform:translateX(100%)}}
@keyframes badgeBlink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(199,166,106,.30)}50%{opacity:.85;box-shadow:0 0 12px 1px rgba(199,166,106,.45)}}
@media (prefers-reduced-motion:reduce){.sky-pdp .offer-modal .dark-mc,.sky-pdp .offer-modal .dark-mc::before,.sky-pdp .offer-modal .dark-mc::after,.sky-pdp .offer-modal .dark-mc > .sparkle,.sky-pdp .offer-modal .of-submit,.sky-pdp .offer-modal .of-submit::after,.sky-pdp .offer-modal .dark-mhead .dh-text::before{animation:none !important}}
/* Offerte-CTA: Cinematic-Boost — Auto-Shine, Breath-Pulse, Gold-Ring-Glow, Sparkle-Dots, Arrow-Nudge */
.sky-pdp .offer-cta{padding:18px 22px !important;border:1.5px solid rgba(199,166,106,.45) !important;box-shadow:0 12px 32px rgba(15,15,15,.40),0 0 0 1px rgba(199,166,106,.20),0 0 36px -8px rgba(199,166,106,.30) !important;animation:offerShift 12s linear infinite, offerBreath 4s ease-in-out infinite !important;margin:6px 0 18px !important;will-change:transform,box-shadow}
.sky-pdp .offer-cta::after{animation:offerAutoShine 5s var(--ease) infinite !important;transform:translateX(-100%) !important}
.sky-pdp .offer-cta:hover{animation-play-state:paused, paused !important;transform:translateY(-3px) scale(1.012) !important;box-shadow:0 20px 48px rgba(15,15,15,.50),0 0 0 1.5px var(--sky-gold-primary),0 0 60px -8px rgba(199,166,106,.55) !important}
.sky-pdp .offer-cta:hover::after{animation:offerShine .9s var(--ease) forwards !important}
.sky-pdp .offer-icon{width:46px !important;height:46px !important;background:linear-gradient(135deg,rgba(199,166,106,.45),rgba(199,166,106,.18)) !important;border:1px solid rgba(199,166,106,.55) !important;box-shadow:0 0 18px -4px rgba(199,166,106,.50) !important}
.sky-pdp .offer-icon::after{border:1.5px solid rgba(199,166,106,.40) !important;animation:offerPulse 2.2s var(--ease) infinite !important}
.sky-pdp .offer-content b{font-size:15.5px !important;line-height:1.3 !important}
.sky-pdp .offer-content .offer-badge{font-size:10px !important;font-weight:800 !important;background:rgba(199,166,106,.18) !important;color:var(--sky-gold-primary) !important;border-color:rgba(199,166,106,.45) !important;padding:3px 9px !important;margin-bottom:6px !important}
.sky-pdp .offer-arrow{width:32px;height:32px;border-radius:50%;background:rgba(199,166,106,.15);border:1px solid rgba(199,166,106,.35);display:grid;place-items:center;animation:offerArrowBob 2.6s ease-in-out infinite}
.sky-pdp .offer-cta:hover .offer-arrow{transform:translateX(6px) !important;background:var(--sky-gold-primary) !important;color:#fff !important;animation:none !important;box-shadow:0 0 24px -2px rgba(199,166,106,.60) !important}
/* Sparkle-Dots */
.sky-pdp .offer-cta .sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--sky-gold-primary);opacity:0;pointer-events:none;z-index:0;box-shadow:0 0 8px 1px rgba(199,166,106,.65)}
.sky-pdp .offer-cta .sparkle.s1{top:14%;left:22%;animation:sparkleFloat 3.2s ease-in-out infinite}
.sky-pdp .offer-cta .sparkle.s2{top:62%;left:48%;animation:sparkleFloat 3.6s ease-in-out infinite .8s}
.sky-pdp .offer-cta .sparkle.s3{top:30%;right:18%;animation:sparkleFloat 4.0s ease-in-out infinite 1.5s}
.sky-pdp .offer-cta .sparkle.s4{bottom:18%;right:38%;animation:sparkleFloat 3.4s ease-in-out infinite 2.2s}
@keyframes offerBreath{0%,100%{box-shadow:0 12px 32px rgba(15,15,15,.40),0 0 0 1px rgba(199,166,106,.20),0 0 36px -8px rgba(199,166,106,.30)}50%{box-shadow:0 14px 38px rgba(15,15,15,.45),0 0 0 1.5px rgba(199,166,106,.40),0 0 56px -8px rgba(199,166,106,.55)}}
@keyframes offerAutoShine{0%,55%,100%{transform:translateX(-100%)}65%{transform:translateX(0%)}80%{transform:translateX(100%)}}
@keyframes offerArrowBob{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes sparkleFloat{0%,100%{opacity:0;transform:translateY(0) scale(.5)}40%{opacity:.95;transform:translateY(-6px) scale(1)}80%{opacity:0;transform:translateY(-14px) scale(.4)}}
@media (prefers-reduced-motion:reduce){.sky-pdp .offer-cta,.sky-pdp .offer-cta::after,.sky-pdp .offer-icon::after,.sky-pdp .offer-arrow,.sky-pdp .offer-cta .sparkle{animation:none !important}}
/* Gallery: ab dem 15. Thumb (Index 14) ausblenden, "weitere Bilder"-Button enthüllt sie */
.sky-pdp .gallery-grid .g-extra{display:none !important}
.sky-pdp .gallery-grid.expanded .g-extra{display:block !important;animation:skyFadeUp .35s var(--ease) both}
@keyframes skyFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.sky-pdp .g-more{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;padding:13px 18px;background:rgba(199,166,106,.10) !important;color:var(--sky-gold-accent) !important;border:1px solid var(--sky-gold-border) !important;border-radius:8px !important;font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .25s var(--ease) !important}
.sky-pdp .g-more:hover{background:rgba(199,166,106,.18) !important;border-color:var(--sky-gold-primary) !important;color:var(--sky-gold-primary) !important;transform:translateY(-1px)}
.sky-pdp .g-more svg{transition:transform .25s var(--ease)}
.sky-pdp .g-more[aria-expanded="true"] svg{transform:rotate(180deg)}
/* Play-Indicator on .g-item (Desktop thumbs) for video media */
.sky-pdp .gallery-grid .g-item.is-video{position:relative}
.sky-pdp .gallery-grid .g-item .gm-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(14,14,14,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;pointer-events:none;z-index:2;border:1.5px solid rgba(255,255,255,.30);box-shadow:0 4px 14px rgba(0,0,0,.40);transition:transform .35s var(--ease),background .25s ease}
.sky-pdp .gallery-grid .g-item.is-video:hover .gm-play{transform:translate(-50%,-50%) scale(1.08);background:var(--gold);border-color:var(--gold)}
/* Stock-Modal & Info-Modal: Theme-cascade-Schutz — Theme injiziert tr/thead/td bg auf hell. Wir erzwingen dunkle Modal-UI. */
.sky-pdp .stock-mc,.sky-pdp .info-mc{background:#0e0e0e !important;color:#fff !important;border:1px solid rgba(199,166,106,.30) !important;border-radius:8px !important}
.sky-pdp .stock-table,.sky-pdp .stock-table thead,.sky-pdp .stock-table tbody,.sky-pdp .stock-table tr,.sky-pdp .stock-table td,.sky-pdp .stock-table th{background:transparent !important;background-color:transparent !important;background-image:none !important;color:#fff !important;border-collapse:collapse !important}
.sky-pdp .stock-table thead th{font-size:10.5px !important;color:rgba(255,255,255,.5) !important;font-weight:700 !important;letter-spacing:.06em !important;text-transform:uppercase !important;padding:10px 6px !important;border-bottom:1px solid rgba(255,255,255,.10) !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;text-align:left !important}
.sky-pdp .stock-table tbody td{padding:13px 6px !important;border-bottom:1px solid rgba(255,255,255,.06) !important;border-top:0 !important;border-left:0 !important;border-right:0 !important;vertical-align:middle !important;color:#fff !important;font-size:13.5px !important;line-height:1.4 !important}
.sky-pdp .stock-table tbody tr:last-child td{border-bottom:0 !important}
.sky-pdp .stock-table tbody tr:hover{background:transparent !important}
.sky-pdp .stock-table tbody tr:nth-child(even),.sky-pdp .stock-table tbody tr:nth-child(odd){background:transparent !important}
.sky-pdp .stock-model b{display:block !important;font-size:13.5px !important;font-weight:700 !important;color:#fff !important;line-height:1.3 !important;margin:0 !important}
.sky-pdp .stock-model span{display:block !important;font-size:11px !important;color:rgba(255,255,255,.5) !important;line-height:1.3 !important;margin:0 !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important}
.sky-pdp .stock-cell-pill{display:inline-flex !important;align-items:center !important;gap:8px !important;padding:6px 12px !important;border-radius:999px !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.02em !important;line-height:1.35 !important;text-transform:none !important;border:0 !important;white-space:nowrap !important}
.sky-pdp .stock-cell-pill.high{background:rgba(44,140,28,.18) !important;color:#7ed14d !important}
.sky-pdp .stock-cell-pill.high .d{background:#7ed14d !important}
.sky-pdp .stock-cell-pill.mid{background:rgba(249,115,22,.20) !important;color:#fb923c !important}
.sky-pdp .stock-cell-pill.mid .d{background:#fb923c !important}
.sky-pdp .stock-cell-pill.low{background:rgba(120,113,108,.22) !important;color:#d6d3d1 !important}
.sky-pdp .stock-cell-pill.low .d{background:#a8a29e !important}
.sky-pdp .stock-cell-pill.out{background:rgba(120,113,108,.18) !important;color:#a8a29e !important}
.sky-pdp .stock-cell-pill.out .d{background:#78716c !important}
.sky-pdp .stock-cell-pill .d{width:8px !important;height:8px !important;border-radius:50% !important;flex:0 0 8px !important;display:block !important;padding:0 !important;margin:0 !important;border:0 !important;box-shadow:0 0 0 3px rgba(255,255,255,.06) !important}
.sky-pdp .stock-mhead{padding:24px 28px 14px !important;display:flex !important;align-items:center !important;gap:14px !important;border-bottom:1px solid rgba(255,255,255,.10) !important;background:transparent !important}
.sky-pdp .stock-mhead h3{margin:0 0 2px !important;font-size:18px !important;font-weight:700 !important;color:#fff !important;letter-spacing:-.005em !important;line-height:1.2 !important;text-transform:none !important}
.sky-pdp .stock-mhead p{margin:0 !important;font-size:12.5px !important;color:rgba(255,255,255,.6) !important;line-height:1.3 !important;letter-spacing:0 !important}
.sky-pdp .stock-mhead svg{flex-shrink:0 !important;color:#c7a66a !important}
.sky-pdp .stock-mclose{margin-left:auto !important;width:36px !important;height:36px !important;min-width:36px !important;border-radius:50% !important;background:rgba(255,255,255,.10) !important;color:#fff !important;display:grid !important;place-items:center !important;border:0 !important;cursor:pointer !important;transition:all .25s cubic-bezier(.16,1,.3,1) !important;flex-shrink:0 !important;padding:0 !important}
.sky-pdp .stock-mclose:hover{background:rgba(255,255,255,.20) !important;transform:rotate(90deg) !important}
.sky-pdp .stock-mbody{flex:1 !important;overflow-y:auto !important;padding:16px 28px 22px !important;background:transparent !important}
.sky-pdp .stock-mfoot{padding:14px 28px !important;border-top:1px solid rgba(255,255,255,.10) !important;font-size:11.5px !important;color:rgba(255,255,255,.5) !important;background:transparent !important;line-height:1.4 !important}
.sky-pdp .stock-mbg{position:fixed !important;inset:0 !important;background:rgba(14,14,14,.65) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;z-index:9000 !important}
.sky-pdp .stock-modal{position:fixed !important;inset:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;padding:24px !important;z-index:9001 !important}
/* Cart-Toast (add-to-cart feedback) */
.sky-pdp-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,80px);z-index:9999;background:#0e0e0e;color:#fff;padding:14px 22px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;font-family:'Barlow',sans-serif;font-size:14px;font-weight:600;box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 1px rgba(199,166,106,.30);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1);max-width:90vw}
.sky-pdp-toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.sky-pdp-toast svg{width:20px;height:20px;color:#7ed14d}
.sky-pdp-toast a{color:#c7a66a;text-decoration:underline;text-underline-offset:3px;font-weight:700;margin-left:6px}
:root{
  --gold:var(--sky-gold-primary); --gold-accent:var(--sky-gold-accent); --gold-hover:var(--sky-gold-light);
  --gold-soft:var(--sky-gold-soft); --gold-border:var(--sky-gold-border); --gold-glow:var(--sky-gold-glow);
  --black-deep:var(--sky-black-deep); --black-mid:var(--sky-black-mid); --black-feature:var(--sky-black-feature); --black-soft:var(--sky-black-soft);
  --cream:var(--sky-cream); --cream-2:#efebe2; --white:#ffffff;
  --text-h:var(--sky-black-feature); --text-body:var(--sky-body); --text-meta:var(--sky-meta); --border:var(--sky-border);
  --shadow-card:var(--sky-shadow-card);
  --shadow-soft:var(--sky-shadow-soft);
  --shadow-gold:0 6px 18px var(--sky-gold-glow);
  --shadow-pin:var(--sky-shadow-pin);
  --r-card:8px; --r-btn:8px; --r-pill:999px;
  --ease:cubic-bezier(.16,1,.3,1);
}
.sky-pdp *{box-sizing:border-box}
html, body{margin:0;padding:0}
body{font-family:'Barlow',system-ui,sans-serif;background:#fff;color:var(--text-h);-webkit-font-smoothing:antialiased;line-height:1.5}

.sky-pdp img{max-width:100%;display:block}
.sky-pdp button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
.sky-pdp a{color:inherit;text-decoration:none}

.sky-pdp /* ===== SHARED ===== */
.w{max-width:1320px;margin:0 auto;padding:0 28px}
.sky-pdp .eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--gold-soft);color:var(--gold-accent);border:1px solid var(--gold-border);border-radius:var(--r-pill);padding:5px 13px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.sky-pdp .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.sky-pdp .h2{font-size:clamp(28px,3.4vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px;font-weight:700;color:var(--text-h)}
.sky-pdp .h2 strong, .sky-pdp .h2 em{color:var(--gold-accent);font-weight:700;font-style:normal}
.sky-pdp .sub{color:var(--text-body);font-size:16.5px;line-height:1.55;margin:0 0 24px}
.sky-pdp .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:var(--r-btn);font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;border:0;transition:all .2s var(--ease);font-family:inherit}
.sky-pdp .btn-gold{background:var(--gold);color:#fff;box-shadow:var(--shadow-gold)}
.sky-pdp .btn-gold:hover{background:var(--gold-hover);transform:translateY(-1px)}
.sky-pdp .btn-ghost{background:transparent;color:var(--text-h);border:1px solid var(--border)}
.sky-pdp .btn-ghost:hover{border-color:var(--text-h)}
.sky-pdp .btn-dark{background:var(--text-h);color:#fff}
.sky-pdp .btn-dark:hover{background:#333}

.sky-pdp .rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--rd,0) * 60ms)}
.sky-pdp .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.sky-pdp .rv{opacity:1;transform:none;transition:none}}

.sky-pdp /* ===== HEADER / TOPBAR ===== */




.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;font-size:13px}
.sky-pdp .brand-mark{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sky-gold-primary),#a98549);display:grid;place-items:center;color:#fff;font-size:13px}
.sky-pdp .brand-name{display:flex;flex-direction:column;line-height:1.1}
.sky-pdp .brand-name span{font-size:9.5px;color:var(--text-meta);letter-spacing:.16em;font-weight:600;margin-top:2px}



@media(max-width:920px){}



@media(max-width:760px){}


.sky-pdp /* ===== MODELL-SLIDER (Top, .sky-pdp Card-Style wie Live-Page) ===== */
.models{padding:22px 0 24px;background:var(--cream);border-bottom:1px solid var(--border)}
.sky-pdp .models-head{max-width:1320px;margin:0 auto 14px;padding:0 28px;display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.sky-pdp .models-head .lbl{font-size:11.5px;color:var(--text-meta);font-weight:700;letter-spacing:.10em;text-transform:uppercase}
.sky-pdp .models-head .nav{display:flex;gap:6px}
.sky-pdp .models-head .nav button{width:32px;height:32px;border-radius:8px;background:#fff;border:1px solid var(--border);color:var(--text-h);display:grid;place-items:center;cursor:pointer;transition:all .25s var(--ease)}
.sky-pdp .models-head .nav button:hover{background:var(--text-h);color:#fff;border-color:var(--text-h)}
.sky-pdp .models-head .nav button:disabled{opacity:.3;cursor:not-allowed}
.sky-pdp .models-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 28px 10px;-webkit-overflow-scrolling:touch}
.sky-pdp .models-track::-webkit-scrollbar{display:none}
.sky-pdp .model-card{flex-shrink:0;scroll-snap-align:start;width:240px;background:#fff;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s var(--ease);text-align:left;font-family:inherit;display:flex;flex-direction:row;align-items:stretch;padding:0;position:relative;height:72px}
.sky-pdp .model-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--gold-border)}
.sky-pdp .model-card.active{border-color:var(--gold);box-shadow:0 4px 14px rgba(199,166,106,.20)}
.sky-pdp .model-img{width:72px;flex-shrink:0;background:var(--sky-black-deep);position:relative;overflow:hidden;aspect-ratio:1}
.sky-pdp .model-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.sky-pdp .model-card:hover .model-img img{transform:scale(1.05)}
.sky-pdp .model-info{flex:1;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.sky-pdp .model-info b{display:block;font-size:13px;font-weight:700;color:var(--text-h);letter-spacing:-.005em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sky-pdp .model-info .price{font-size:12px;color:var(--gold-accent);font-weight:700;margin-top:2px;white-space:nowrap}
.sky-pdp .model-info .price-was{font-size:10px;color:#9a9a9a;font-weight:600;text-decoration:line-through;line-height:1.15;white-space:nowrap}
.sky-pdp .model-card.active .model-info b{color:var(--gold-accent)}
@media(max-width:560px){.sky-pdp .model-card{width:200px}}

.sky-pdp /* ===== HERO / PDP MAIN ===== */
.hero{padding:32px 0 60px;background:#fff}
.sky-pdp .hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:flex-start}
@media (max-width:1080px){.sky-pdp .hero-grid{grid-template-columns:1fr;gap:32px}}

.sky-pdp /* Galerie */
.gallery{position:relative}
.sky-pdp .gallery-main{aspect-ratio:4/3;border-radius:var(--r-card);overflow:hidden;position:relative;background:var(--sky-black-deep);cursor:zoom-in}
.sky-pdp .gallery-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s var(--ease),transform .8s var(--ease)}
.sky-pdp .gallery-main:hover img{transform:scale(1.02)}
.sky-pdp .gallery-main .pin{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:7px;background:rgba(14,14,14,.85);color:var(--gold);padding:6px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}
.sky-pdp .gallery-main .pin .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2.4s var(--ease) infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.4)}}
.sky-pdp .gallery-main .zoom{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--text-h);display:grid;place-items:center;backdrop-filter:blur(6px);transition:all .25s var(--ease)}
.sky-pdp .gallery-main:hover .zoom{background:var(--gold);color:#fff}

.sky-pdp .gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.sky-pdp .gallery-thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;background:var(--sky-black-deep);border:2px solid transparent;transition:all .3s var(--ease)}
.sky-pdp .gallery-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sky-pdp .gallery-thumb:hover{transform:translateY(-2px)}
.sky-pdp .gallery-thumb.active{border-color:var(--gold);box-shadow:var(--shadow-gold)}

.sky-pdp /* Right column / Sticky Sidebar */
.pdp-side{position:sticky;top:80px;align-self:start}
@media (max-width:1080px){.sky-pdp .pdp-side{position:static}}
.sky-pdp .pdp-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.sky-pdp .pdp-meta-row .stars{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--text-meta);font-weight:600}
.sky-pdp .pdp-meta-row .stars b{color:var(--text-h);font-size:13px}
.sky-pdp .pdp-meta-row .stars svg{width:13px;height:13px;color:#e8bd4f}
.sky-pdp .pdp-meta-row .review-link{font-size:12.5px;color:var(--text-meta);text-decoration:underline;text-underline-offset:3px}
.sky-pdp .pdp-meta-row .stock{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sky-green);font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sky-pdp .pdp-meta-row .stock .ledot{width:7px;height:7px;border-radius:50%;background:var(--sky-green);box-shadow:0 0 0 4px rgba(44,140,28,.18);animation:pulse 1.8s var(--ease) infinite}

.sky-pdp .pdp-h1{font-size:var(--sky-h2-sm);line-height:1.05;letter-spacing:-.02em;margin:0 0 8px;font-weight:700;color:var(--text-h)}
.sky-pdp .pdp-tag{font-size:14.5px;color:var(--text-meta);margin:0 0 22px;line-height:1.5}
.sky-pdp .pdp-tag em{color:var(--gold-accent);font-style:normal;font-weight:600}

.sky-pdp /* EAN */
.pdp-ean{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-meta);font-weight:500;margin:0 0 18px;font-variant-numeric:tabular-nums}
.sky-pdp .pdp-ean::before{content:"";display:inline-block;width:14px;height:10px;background:repeating-linear-gradient(90deg,var(--text-h) 0 1px,transparent 1px 2px,var(--text-h) 2px 3px,transparent 3px 4px,var(--text-h) 4px 6px,transparent 6px 7px,var(--text-h) 7px 9px,transparent 9px 10px,var(--text-h) 10px 12px,transparent 12px 13px,var(--text-h) 13px 14px)}
.sky-pdp .pdp-ean b{color:var(--text-h);font-weight:700;letter-spacing:.04em}

.sky-pdp /* Lead-Form (Early Access · Multi-Step) */
.lead-form{background:linear-gradient(135deg,var(--cream) 0%,#fff 100%);border:1px solid var(--gold-border);border-radius:var(--r-card);padding:16px 18px;margin-bottom:22px;position:relative;overflow:hidden}
.sky-pdp .lead-form::before{content:"";position:absolute;top:-50px;right:-50px;width:160px;height:160px;background:radial-gradient(circle,var(--gold-soft) 0%,transparent 70%);pointer-events:none}
.sky-pdp .lf-badge{display:inline-flex;align-items:center;gap:6px;background:var(--text-h);color:var(--gold);font-size:9.5px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-pill);margin-bottom:8px;position:relative}
.sky-pdp .lf-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2.4s var(--ease) infinite}
.sky-pdp .lead-form h4{margin:0 0 4px;font-size:15.5px;font-weight:700;color:var(--text-h);letter-spacing:-.005em;line-height:1.25;position:relative}
.sky-pdp .lead-form h4 em{color:var(--gold-accent);font-style:normal}
.sky-pdp .lead-form p{margin:0 0 12px;font-size:12.5px;color:var(--text-meta);line-height:1.45;position:relative}
.sky-pdp .lf-progress{display:flex;align-items:center;gap:6px;margin-bottom:12px;position:relative}
.sky-pdp .lf-progress .seg{flex:1;height:3px;border-radius:2px;background:rgba(199,166,106,.18);transition:background .35s var(--ease)}
.sky-pdp .lf-progress .seg.done{background:var(--gold-accent)}
.sky-pdp .lf-progress .seg.current{background:linear-gradient(90deg,var(--gold) 0%,var(--gold) 50%,rgba(199,166,106,.18) 50%,rgba(199,166,106,.18) 100%);background-size:200% 100%;animation:lfFill 1s var(--ease) forwards}
@keyframes lfFill{from{background-position:100% 0}to{background-position:0 0}}
.sky-pdp .lf-step-meta{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;color:var(--text-meta);letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:8px;position:relative}
.sky-pdp .lf-step-meta b{color:var(--gold-accent);font-size:11px}
.sky-pdp .lf-form{position:relative}
.sky-pdp .lf-step{display:none;flex-direction:column;gap:8px}
.sky-pdp .lf-step.on{display:flex;animation:lfSlide .35s var(--ease) both}
@keyframes lfSlide{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.sky-pdp .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
@media(max-width:480px){.sky-pdp .lf-row{grid-template-columns:1fr}}
.sky-pdp .lf-input, .sky-pdp .lf-select, .sky-pdp .lf-textarea{width:100%;height:40px;padding:0 14px;background:#fff;border:1px solid var(--border);border-radius:var(--r-btn);font-family:inherit;font-size:13.5px;color:var(--text-h);outline:none;transition:all .25s var(--ease);box-sizing:border-box}
.sky-pdp .lf-textarea{height:auto;padding:10px 14px;resize:vertical;min-height:60px;line-height:1.4}
.sky-pdp .lf-input:focus, .sky-pdp .lf-select:focus, .sky-pdp .lf-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,106,.15)}
.sky-pdp .lf-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2.4' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.sky-pdp .lf-actions{display:flex;gap:6px;margin-top:10px}
.sky-pdp .lf-btn{height:40px;padding:0 16px;border-radius:var(--r-btn);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:0;transition:all .2s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:6px}
.sky-pdp .lf-btn[hidden], .sky-pdp .pb-row[hidden], .sky-pdp .oc-line[hidden], .sky-pdp [data-stock-box][hidden]{display:none !important}
.sky-pdp .lf-back{background:#fff;color:var(--text-h);border:1px solid var(--border);width:40px;padding:0;flex-shrink:0}
.sky-pdp .lf-back:hover{border-color:var(--text-h);background:var(--cream)}
.sky-pdp .lf-next{flex:1;background:var(--gold);color:#fff;box-shadow:var(--shadow-gold)}
.sky-pdp .lf-next:hover{background:var(--gold-hover);transform:translateY(-1px)}
.sky-pdp .lf-submit{flex:1;height:40px;background:linear-gradient(135deg,var(--sky-black-feature),var(--sky-black-soft));color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;border-radius:var(--r-btn);position:relative;overflow:hidden;box-shadow:0 6px 16px rgba(15,15,15,.25),0 0 0 1px rgba(199,166,106,.30)}
.sky-pdp .lf-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(199,166,106,.30),transparent);transform:translateX(-100%);transition:transform .8s var(--ease)}
.sky-pdp .lf-submit:hover::before{transform:translateX(100%)}
.sky-pdp .lf-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,15,15,.35),0 0 0 1px var(--gold)}
.sky-pdp .lf-submit svg{color:var(--gold);transition:transform .35s var(--ease)}
.sky-pdp .lf-submit:hover svg{transform:translateX(3px)}
.sky-pdp .lf-success{display:none;text-align:center;padding:14px 0;font-size:14px;color:var(--sky-green);font-weight:700}
.sky-pdp .lf-success.on{display:block}
.sky-pdp .lf-success svg{display:block;margin:0 auto 8px;color:var(--sky-green)}

.sky-pdp /* Sidebar-Hint für Theme-Settings */
.theme-note{margin:0 0 22px;padding:10px 12px;background:rgba(199,166,106,.08);border-left:2px solid var(--gold);font-size:11px;color:var(--text-meta);line-height:1.45;border-radius:0 6px 6px 0;display:flex;gap:8px;align-items:flex-start}
.sky-pdp .theme-note svg{flex-shrink:0;color:var(--gold-accent);margin-top:1px}
.sky-pdp .theme-note b{color:var(--text-h);font-weight:700}

.sky-pdp /* Countdown */
.countdown{background:linear-gradient(135deg,var(--black-feature),var(--black-soft));color:#fff;border-radius:var(--r-card);padding:14px 18px;margin-bottom:22px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}
.sky-pdp .countdown::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 100% 0%,rgba(199,166,106,.16),transparent 60%);pointer-events:none}
.sky-pdp .countdown .label{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700;flex-shrink:0}
.sky-pdp .countdown .timer{display:flex;gap:8px;margin-left:auto;font-variant-numeric:tabular-nums}
.sky-pdp .countdown .seg{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);padding:6px 9px;border-radius:8px;min-width:44px}
.sky-pdp .countdown .seg b{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1}
.sky-pdp .countdown .seg span{font-size:9px;color:rgba(255,255,255,.6);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}

.sky-pdp /* USP-Liste (Lagervideo-Style mit Gold-Hover-Glow) */
.pdp-features{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px}
@media(max-width:480px){.sky-pdp .pdp-features{grid-template-columns:1fr}}
.sky-pdp .feat{position:relative;display:flex;align-items:flex-start;gap:11px;padding:11px 13px;border-radius:8px;background:transparent;border:1px solid transparent;transition:border-color .12s linear,transform .12s linear;overflow:hidden;cursor:default}
.sky-pdp .feat::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--gold-soft) 0%,rgba(199,166,106,.04) 100%);opacity:0;transition:opacity .12s linear;pointer-events:none}
.sky-pdp .feat::after{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(180deg,var(--gold),var(--gold-accent));transition:width .12s linear;pointer-events:none}
@media (hover: hover) and (pointer: fine){
  .sky-pdp .feat:hover{border-color:var(--gold-border);transform:translateX(2px)}
  .sky-pdp .feat:hover::before{opacity:1}
  .sky-pdp .feat:hover::after{width:3px}
  .sky-pdp .feat:hover .check{background:var(--gold);color:#fff;box-shadow:0 4px 12px var(--sky-gold-strong);transform:scale(1.06)}
}
.sky-pdp .feat .check{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--gold-soft);color:var(--gold-accent);display:grid;place-items:center;transition:background-color .12s linear,color .12s linear,box-shadow .12s linear,transform .12s linear;position:relative;z-index:1}
.sky-pdp .feat.is-active{border-color:var(--gold-border);transform:translateX(2px)}
.sky-pdp .feat.is-active::before{opacity:1}
.sky-pdp .feat.is-active::after{width:3px}
.sky-pdp .feat.is-active .check{background:var(--gold);color:#fff;box-shadow:0 4px 12px var(--sky-gold-strong);transform:scale(1.06)}
.sky-pdp .feat .info{flex:1;min-width:0;position:relative;z-index:1}
.sky-pdp .feat .info b{display:block;font-size:13.5px;font-weight:700;color:var(--text-h);letter-spacing:-.005em;line-height:1.25;margin-bottom:1px}
.sky-pdp .feat .info span{display:block;font-size:11.5px;color:var(--text-meta);line-height:1.35}

.sky-pdp /* Price */
.pdp-price{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;flex-wrap:wrap}
.sky-pdp .pdp-price .now{font-size:36px;font-weight:700;color:var(--text-h);letter-spacing:-.02em;line-height:1}
.sky-pdp .pdp-price .now em{color:var(--gold-accent);font-style:normal}
.sky-pdp .pdp-price .was{font-size:17px;color:var(--text-meta);text-decoration:line-through;font-weight:500}
.sky-pdp .pdp-price .save{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--sky-green);padding:5px 10px;border-radius:var(--r-pill)}
.sky-pdp .pdp-pricesub{font-size:12.5px;color:var(--text-meta);margin:0 0 14px}

.sky-pdp /* Preis-Aufschlüsselung */
.price-breakdown{background:var(--cream);border:1px solid var(--border);border-radius:var(--r-card);padding:14px 16px;margin-bottom:10px;transition:all .35s var(--ease)}
.sky-pdp .price-breakdown.has-pro{background:linear-gradient(135deg,var(--cream) 0%,#fff 100%);border-color:var(--gold-border)}
.sky-pdp .pb-row{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;color:var(--text-body);padding:5px 0;line-height:1.3}
.sky-pdp .pb-row b{white-space: nowrap;color:var(--text-h);font-weight:700;font-variant-numeric:tabular-nums}
.sky-pdp .pb-row.discount{color:var(--sky-green)}
.sky-pdp .pb-row.discount b{color:var(--sky-green)}
.sky-pdp .pb-row.add{color:var(--gold-accent)}
.sky-pdp .pb-row.add b{color:var(--gold-accent)}
.sky-pdp .pb-row.add svg{width:13px;height:13px;margin-right:6px;vertical-align:-1px}
.sky-pdp .pb-divider{height:1px;background:var(--border);margin:6px 0}
.sky-pdp .pb-row.total{font-size:14px;font-weight:700;padding-top:8px}
.sky-pdp .pb-row.total b{font-size:18px;color:var(--text-h);letter-spacing:-.01em}

.sky-pdp /* Montage-Toggle */
.assembly-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;border:1.5px solid var(--border);border-radius:var(--r-card);padding:5px;margin-bottom:18px}
.sky-pdp .at-opt{padding:10px 12px;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;background:transparent;border:0;transition:all .25s var(--ease);display:flex;flex-direction:column;gap:2px;position:relative}
.sky-pdp .at-opt:hover:not(.active){background:var(--cream)}
.sky-pdp .at-opt.active{background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--gold)}
.sky-pdp .at-opt b{font-size:13px;font-weight:700;color:var(--text-h);display:flex;align-items:center;gap:6px}
.sky-pdp .at-opt span{font-size:11.5px;color:var(--text-meta);font-weight:500;line-height:1.3}
.sky-pdp .at-opt.active span{color:var(--gold-accent);font-weight:600}
.sky-pdp .at-opt .at-badge{width: fit-content;display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-left:auto}
.sky-pdp .at-opt .at-badges{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.sky-pdp .at-opt .at-badges .at-badge{margin-left:0}
.sky-pdp .at-opt .at-badge.save{background:var(--sky-green);color:#fff}
.sky-pdp .at-opt .at-badge.fee{display:none;position: absolute;bottom: 4px;background:var(--gold-soft);color:var(--gold-accent)}

.sky-pdp /* Variant blocks */
.var-block{margin-bottom:18px}
.sky-pdp .var-block .var-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}
.sky-pdp .var-block .var-label b{font-size:13px;font-weight:700;color:var(--text-h);text-transform:uppercase;letter-spacing:.06em}
.sky-pdp .var-block .var-label span{font-size:13px;color:var(--text-meta)}
.sky-pdp .color-indicator{display:inline-flex;align-items:center;gap:8px;padding:4px 11px 4px 5px;background:var(--cream);border:1px solid var(--border);border-radius:var(--r-pill);font-family:inherit;transition:all .25s var(--ease)}
.sky-pdp .color-indicator .ci-dot{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.10),0 0 0 2px #fff,0 0 0 3px var(--gold-border)}
.sky-pdp .color-indicator b{font-size:11.5px;font-weight:700;color:var(--text-h);letter-spacing:.02em;line-height:1.1}
.sky-pdp .color-indicator b small{display:block;font-weight:500;color:var(--text-meta);font-size:10px;letter-spacing:.04em;margin-top:1px}
.sky-pdp .var-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sky-pdp .var-options-color{align-items:center}
.sky-pdp .var-options-color .color-indicator{margin-left:auto}
.sky-pdp .var-opt{padding:11px 18px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-h);cursor:pointer;transition:all .25s var(--ease);background:#fff}
.sky-pdp .var-opt.active{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-accent)}
.sky-pdp .var-opt:hover:not(.active){border-color:var(--text-h)}
.sky-pdp .var-opt-color{width:42px;height:42px;border-radius:8px;padding:0;display:grid;place-items:center}
.sky-pdp .var-opt-color::after{content:"";width:24px;height:24px;border-radius:50%;background:var(--c)}
.sky-pdp .var-opt-color.active{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gold)}

.sky-pdp /* Architect-Toggle (Baugesuch) */
.toggle-block{background:var(--cream);border-radius:var(--r-card);padding:16px;margin-bottom:18px}
.sky-pdp .toggle-block .tb-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.sky-pdp .toggle-block .tb-head b{font-size:13px;font-weight:700;color:var(--text-h);text-transform:uppercase;letter-spacing:.06em}
.sky-pdp .toggle-block .tb-head .info{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid var(--border);display:grid;place-items:center;font-size:11px;color:var(--text-meta);cursor:help}
.sky-pdp .toggle-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sky-pdp .toggle-opt{padding:10px 12px;background:#fff;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:all .25s var(--ease);text-align:left;font-family:inherit}
.sky-pdp .toggle-opt b{display:block;font-size:13px;font-weight:700;color:var(--text-h);margin-bottom:2px}
.sky-pdp .toggle-opt span{display:block;font-size:11.5px;color:var(--text-meta);font-weight:500}
.sky-pdp .toggle-opt.active{border-color:var(--gold);background:var(--gold-soft)}

.sky-pdp /* Lagerbestand-Box */
.stock-box{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;margin-bottom:12px;border:1px solid var(--border);background:#fff;transition:all .35s var(--ease)}
.sky-pdp .stock-box .stock-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.sky-pdp .stock-box .stock-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative}
.sky-pdp .stock-box .stock-dot::before{content:"";position:absolute;inset:-4px;border-radius:50%;animation:pulse 2s var(--ease) infinite;opacity:.4}
.sky-pdp .stock-box .stock-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.sky-pdp .stock-box .stock-text b{font-size:13.5px;font-weight:700}
.sky-pdp .stock-box .stock-text span{font-size:11.5px;color:var(--text-meta);margin-top:1px}
.sky-pdp .stock-box .stock-link{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-h);background:transparent;border:0;cursor:pointer;font-family:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:all .25s var(--ease)}
.sky-pdp .stock-box .stock-link:hover{color:var(--gold-accent);text-decoration-color:var(--gold-accent)}
.sky-pdp .stock-box .stock-link svg{transition:transform .25s var(--ease)}
.sky-pdp .stock-box .stock-link:hover svg{transform:translateX(2px)}

.sky-pdp .stock-high{background:rgba(44,140,28,.06);border-color:rgba(44,140,28,.30)}
.sky-pdp .stock-high .stock-dot{background:var(--sky-green)}
.sky-pdp .stock-high .stock-dot::before{background:var(--sky-green)}
.sky-pdp .stock-high .stock-text b{color:var(--sky-green)}

.sky-pdp .stock-mid{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.30)}
.sky-pdp .stock-mid .stock-dot{background:#d97706}
.sky-pdp .stock-mid .stock-dot::before{background:#d97706}
.sky-pdp .stock-mid .stock-text b{color:#b45309}

.sky-pdp .stock-low{background:rgba(120,113,108,.06);border-color:rgba(120,113,108,.30)}
.sky-pdp .stock-low .stock-dot{background:#78716c;animation:none}
.sky-pdp .stock-low .stock-dot::before{display:none}
.sky-pdp .stock-low .stock-text b{color:#57534e}

.sky-pdp .stock-out{background:rgba(120,113,108,.06);border-color:rgba(120,113,108,.30)}
.sky-pdp .stock-out .stock-dot{background:#a8a29e;animation:none}
.sky-pdp .stock-out .stock-dot::before{display:none}
.sky-pdp .stock-out .stock-text b{color:#78716c}

.sky-pdp /* Stock-Modal (alle Bestände) */
.stock-mbg{position:fixed;inset:0;background:rgba(14,14,14,.65);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:9000}
.sky-pdp .stock-mbg.open{opacity:1;pointer-events:auto}
.sky-pdp .stock-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;z-index:9001;visibility:hidden}
.sky-pdp .stock-modal.open{visibility:visible}
.sky-pdp .stock-mc{background:var(--sky-black-deep);color:#fff;border-radius:8px;max-width:760px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 120px rgba(0,0,0,.6);transform:translateY(20px) scale(.95);opacity:0;transition:transform .45s var(--ease),opacity .35s var(--ease);pointer-events:auto;border:1px solid rgba(199,166,106,.30);position:relative}
.sky-pdp .stock-mc::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 50% 0%,rgba(199,166,106,.18),transparent 70%);pointer-events:none}
.sky-pdp .stock-modal.open .stock-mc{transform:translateY(0) scale(1);opacity:1}
.sky-pdp .stock-mhead{padding:24px 28px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.10);position:relative}
.sky-pdp .stock-mhead svg{flex-shrink:0;color:var(--gold)}
.sky-pdp .stock-mhead h3{margin:0 0 2px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.005em}
.sky-pdp .stock-mhead p{margin:0;font-size:12.5px;color:rgba(255,255,255,.6)}
.sky-pdp .stock-mclose{margin-left:auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;transition:all .25s var(--ease);flex-shrink:0}
.sky-pdp .stock-mclose:hover{background:rgba(255,255,255,.20);transform:rotate(90deg)}
.sky-pdp .stock-mbody{flex:1;overflow-y:auto;padding:16px 28px 22px;position:relative}
.sky-pdp .stock-table{width:100%;border-collapse:collapse;font-size:13.5px}
.sky-pdp .stock-table thead th{text-align:left;font-size:10.5px;color:rgba(255,255,255,.5);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.10)}
.sky-pdp .stock-table tbody td{padding:13px 6px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle;color:#fff}
.sky-pdp .stock-table tbody tr:last-child td{border-bottom:0}
.sky-pdp .stock-model b{display:block;font-size:13.5px;font-weight:700;color:#fff}
.sky-pdp .stock-model span{font-size:11px;color:rgba(255,255,255,.5)}
.sky-pdp .stock-cell-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:11.5px;font-weight:700;letter-spacing:.02em}
.sky-pdp .stock-cell-pill .d{width:6px;height:6px;border-radius:50%}
.sky-pdp .stock-cell-pill.high{background:rgba(44,140,28,.18);color:#7ed14d}
.sky-pdp .stock-cell-pill.high .d{background:#7ed14d}
.sky-pdp .stock-cell-pill.mid{background:rgba(245,158,11,.18);color:#fbbf52}
.sky-pdp .stock-cell-pill.mid .d{background:#fbbf52}
.sky-pdp .stock-cell-pill.low{background:rgba(120,113,108,.22);color:#d6d3d1}
.sky-pdp .stock-cell-pill.low .d{background:#a8a29e}
.sky-pdp .stock-cell-pill.out{background:rgba(120,113,108,.18);color:#a8a29e}
.sky-pdp .stock-cell-pill.out .d{background:#78716c}
.sky-pdp .stock-mfoot{padding:14px 28px;border-top:1px solid rgba(255,255,255,.10);font-size:11.5px;color:rgba(255,255,255,.5);position:relative}

.sky-pdp /* Info-Modal (gleiches Style wie Stock-Modal, .sky-pdp aber für Selbstmontage / Profi / Baugesuch) */
.info-mbg{position:fixed;inset:0;background:rgba(14,14,14,.65);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:9000}
.sky-pdp .info-mbg.open{opacity:1;pointer-events:auto}
.sky-pdp .info-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;z-index:9001;visibility:hidden}
.sky-pdp .info-modal.open{visibility:visible}
.sky-pdp .info-mc{background:var(--sky-black-deep);color:#fff;border-radius:8px;max-width:720px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 120px rgba(0,0,0,.6);transform:translateY(20px) scale(.95);opacity:0;transition:transform .45s var(--ease),opacity .35s var(--ease);pointer-events:auto;border:1px solid rgba(199,166,106,.30);position:relative}
.sky-pdp .info-mc::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 50% 0%,rgba(199,166,106,.18),transparent 70%);pointer-events:none}
.sky-pdp .info-modal.open .info-mc{transform:translateY(0) scale(1);opacity:1}
.sky-pdp .info-mhero{position:relative;height:96px;overflow:hidden;background:linear-gradient(135deg,#0e0e0e 0%,#1a1410 25%,#2a2018 50%,#1a1410 75%,#0e0e0e 100%);background-size:400% 400%;animation:sky-info-shift 18s ease infinite;flex-shrink:0}
@media (max-width:760px){.sky-pdp .info-mhero{height:88px}}
.sky-pdp .info-mhero img{display:none}
.sky-pdp .info-mhero::before{content:"";position:absolute;top:-100px;right:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(199,166,106,.30),transparent 65%);pointer-events:none;z-index:0;animation:sky-info-glow 14s ease-in-out infinite alternate}
.sky-pdp .info-mhero::after{content:"";position:absolute;bottom:-80px;left:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(199,166,106,.16),transparent 70%);pointer-events:none;z-index:0;animation:sky-info-glow 18s ease-in-out infinite alternate-reverse}
@keyframes sky-info-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes sky-info-glow{0%{transform:translate(0,0) scale(1);opacity:.8}100%{transform:translate(-30px,30px) scale(1.15);opacity:1}}
/* Sterne + Streaks deaktiviert — nur Gold-Verlauf */
.sky-pdp .info-mhero .sky-stars{display:none}
@media (prefers-reduced-motion:reduce){.sky-pdp .info-mhero,.sky-pdp .info-mhero::before,.sky-pdp .info-mhero::after{animation:none}}
.sky-pdp .info-mhero .strip{position:absolute;left:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:14px;color:#fff;z-index:2;max-width:calc(100% - 80px)}
.sky-pdp .info-mhero .strip .info-ico{flex-shrink:0;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,rgba(199,166,106,.30),var(--sky-gold-soft));border:1px solid var(--sky-gold-strong);color:var(--gold);display:grid;place-items:center;backdrop-filter:blur(6px)}
.sky-pdp .info-mhero .strip h3{margin:0 0 2px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.005em;line-height:1.2}
.sky-pdp .info-mhero .strip p{margin:0;font-size:12px;color:rgba(255,255,255,.7)}
.sky-pdp .info-mhead{padding:24px 28px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.10);position:relative}
.sky-pdp .info-mhead .info-ico{flex-shrink:0;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,rgba(199,166,106,.30),var(--sky-gold-soft));border:1px solid var(--sky-gold-strong);color:var(--gold);display:grid;place-items:center}
.sky-pdp .info-mhead h3{margin:0 0 2px;font-size:18px;font-weight:700;color:#fff;letter-spacing:-.005em}
.sky-pdp .info-mhead p{margin:0;font-size:12.5px;color:rgba(255,255,255,.6)}
.sky-pdp .info-mclose{margin-left:auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;transition:all .25s var(--ease);flex-shrink:0}
.sky-pdp .info-mclose:hover{background:rgba(255,255,255,.20);transform:rotate(90deg)}
.sky-pdp .info-mbody{flex:1;overflow-y:auto;padding:18px 28px 22px;position:relative;color:rgba(255,255,255,.78);font-size:14px;line-height:1.6}
.sky-pdp .info-mbody p{margin:0 0 14px}
.sky-pdp .info-mbody h4{margin:18px 0 10px;font-size:14.5px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:-.005em}
.sky-pdp .info-mbody h4::before{content:"";width:18px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0}
.sky-pdp .info-mbody ul{margin:6px 0 14px;padding-left:0;list-style:none}
.sky-pdp .info-mbody ul li{position:relative;padding-left:24px;margin-bottom:6px;line-height:1.55;color:rgba(255,255,255,.72);font-size:13.5px}
.sky-pdp .info-mbody ul li::before{content:"";position:absolute;left:6px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.sky-pdp .info-mbody .info-step{display:flex;gap:14px;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:8px;align-items:flex-start;transition:all .3s var(--ease);text-decoration:none;color:inherit;font-family:inherit;cursor:default}
.sky-pdp .info-mbody a.info-step{cursor:pointer;position:relative;padding-right:36px}
.sky-pdp .info-mbody a.info-step::after{content:"→";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:16px;font-weight:700;opacity:.55;transition:all .3s var(--ease)}
.sky-pdp .info-mbody a.info-step:hover{background:var(--sky-gold-soft);border-color:var(--sky-gold-glow);transform:translateX(2px)}
.sky-pdp .info-mbody a.info-step:hover::after{opacity:1;transform:translateY(-50%) translateX(3px)}
.sky-pdp .info-mbody .info-step:hover{background:rgba(199,166,106,.06);border-color:rgba(199,166,106,.20)}
.sky-pdp .info-mbody .info-step .si{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.sky-pdp .info-mbody .info-step .si-content b{display:block;color:#fff;font-size:13.5px;font-weight:700;margin-bottom:4px;letter-spacing:-.005em}
.sky-pdp .info-mbody .info-step .si-content{font-size:13px;color:rgba(255,255,255,.65);line-height:1.5}
.sky-pdp .info-mbody strong{color:var(--gold)}
.sky-pdp .info-mfoot{padding:14px 28px 18px;border-top:1px solid rgba(255,255,255,.10);background:transparent;display:flex;gap:10px;flex-wrap:wrap;position:relative}
.sky-pdp .info-mfoot .btn-im-gold{flex:1;min-width:160px;padding:11px 18px;background:var(--gold);color:#fff;border-radius:var(--r-btn);font-weight:700;font-size:13px;text-decoration:none;text-align:center;transition:all .2s var(--ease);box-shadow:var(--shadow-gold);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.sky-pdp .info-mfoot .btn-im-gold:hover{background:var(--gold-hover);transform:translateY(-1px)}
.sky-pdp .info-mfoot .btn-im-ghost{flex:1;min-width:140px;padding:11px 18px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.30);border-radius:var(--r-btn);font-weight:600;font-size:13px;cursor:pointer;text-align:center;transition:all .2s var(--ease)}
.sky-pdp .info-mfoot .btn-im-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}

.sky-pdp /* Info-Link (unter den Toggle-Optionen — clean, .sky-pdp kein Pill mehr im Toggle) */
.at-opt, .sky-pdp .toggle-opt{position:relative}
.sky-pdp .at-info, .sky-pdp .tg-info{display:none}  .sky-pdp /* alte In-Toggle-Pill ausblenden */

.assembly-info-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;margin-bottom:18px;padding:0 4px}
.sky-pdp .assembly-info-row a{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-meta);text-decoration:none;cursor:pointer;transition:all .2s var(--ease);padding:4px 0}
.sky-pdp .assembly-info-row a::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.5;transition:opacity .2s var(--ease)}
.sky-pdp .assembly-info-row a:hover{color:var(--gold-accent)}
.sky-pdp .assembly-info-row a:hover::before{opacity:1}
.sky-pdp .assembly-info-row a svg{width:10px;height:10px;transition:transform .25s var(--ease);opacity:.6}
.sky-pdp .assembly-info-row a:hover svg{transform:translateX(2px);opacity:1}

.sky-pdp /* Selbstmontage-Bonus prominenter */
.at-opt .at-badge.save{background:linear-gradient(135deg,var(--sky-green),#3aa024);box-shadow:0 2px 8px rgba(44,140,28,.30);font-weight:800;font-size:10px;padding:3px 8px;animation:saveGlow 2.8s var(--ease) infinite}
@keyframes saveGlow{0%,100%{box-shadow:0 2px 8px rgba(44,140,28,.30)}50%{box-shadow:0 2px 14px rgba(44,140,28,.55)}}
.sky-pdp .at-opt.active .at-badge.save{transform:scale(1.05)}

.sky-pdp /* Buy Block */
.buy-row{display:flex;gap:10px;margin-bottom:14px}
.sky-pdp .qty{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:var(--r-btn);overflow:hidden}
.sky-pdp .qty button{width:42px;height:50px;background:#fff;color:var(--text-h);font-size:18px;font-weight:600;transition:background .2s var(--ease)}
.sky-pdp .qty button:hover{background:var(--cream)}
.sky-pdp .qty input{width:50px;height:50px;border:0;background:transparent;text-align:center;font-family:inherit;font-size:15px;font-weight:700;color:var(--text-h);outline:none;-moz-appearance:textfield;appearance:textfield;padding:0}
.sky-pdp .qty input::-webkit-inner-spin-button, .sky-pdp .qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sky-pdp .btn-add{flex:1;height:50px;font-size:15px;padding:14px 20px;text-transform:uppercase;letter-spacing:.04em}
.sky-pdp .buy-second{display:flex;gap:10px;margin-bottom:18px}
.sky-pdp .btn-wa{flex:1;background:#25D366;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--r-btn);font-weight:600;font-size:13.5px;transition:all .2s var(--ease)}
.sky-pdp .btn-wa:hover{background:#1ebe5a;transform:translateY(-1px)}
.sky-pdp .btn-call{flex:1;background:#fff;border:1.5px solid var(--border);color:var(--text-h);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:var(--r-btn);font-weight:600;font-size:13.5px;transition:all .2s var(--ease)}
.sky-pdp .btn-call:hover{border-color:var(--text-h)}

.sky-pdp /* Offerte-CTA (Stufe 3 — animated gradient + magnetic + cursor-glow) */
.offer-cta{display:flex;align-items:center;gap:14px;padding:14px 18px;width:100%;background:linear-gradient(135deg,var(--sky-black-deep) 0%,#1a1410 25%,#2a2018 50%,#1a1410 75%,var(--sky-black-deep) 100%);background-size:300% 100%;animation:offerShift 12s linear infinite;border:1px solid rgba(199,166,106,.30);border-radius:var(--r-card);color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease);font-family:inherit;text-align:left;box-shadow:0 8px 24px rgba(15,15,15,.30);margin-bottom:18px}
.sky-pdp .offer-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),var(--sky-gold-border),transparent 70%);opacity:0;transition:opacity .35s var(--ease);pointer-events:none}
.sky-pdp .offer-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(199,166,106,.18),transparent);transform:translateX(-100%);pointer-events:none}
.sky-pdp .offer-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,15,15,.40),0 0 0 1px var(--gold)}
.sky-pdp .offer-cta:hover::before{opacity:1}
.sky-pdp .offer-cta:hover::after{animation:offerShine 1.2s var(--ease) forwards}
@keyframes offerShift{0%{background-position:0% 50%}100%{background-position:300% 50%}}
@keyframes offerShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.sky-pdp .offer-icon{width:42px;height:42px;flex-shrink:0;border-radius:8px;background:linear-gradient(135deg,rgba(199,166,106,.30),var(--sky-gold-soft));border:1px solid var(--sky-gold-strong);color:var(--gold);display:grid;place-items:center;position:relative;z-index:1}
.sky-pdp .offer-icon::after{content:"";position:absolute;inset:-4px;border-radius:8px;border:1px solid rgba(199,166,106,.20);animation:offerPulse 2.4s var(--ease) infinite;pointer-events:none}
@keyframes offerPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.10);opacity:0}}
.sky-pdp .offer-content{flex:1;min-width:0;position:relative;z-index:1}
.sky-pdp .offer-content .offer-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:var(--gold);background:var(--sky-gold-soft);border:1px solid rgba(199,166,106,.25);padding:2px 7px;border-radius:var(--r-pill);margin-bottom:4px}
.sky-pdp .offer-content b{display:block;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.005em;margin-bottom:2px;line-height:1.25}
.sky-pdp .offer-content span{display:block;font-size:11.5px;color:rgba(255,255,255,.65);line-height:1.4}
.sky-pdp .offer-arrow{flex-shrink:0;color:var(--gold);transition:transform .35s var(--ease);position:relative;z-index:1}
.sky-pdp .offer-cta:hover .offer-arrow{transform:translateX(5px)}

.sky-pdp /* Payment-Icons als Brand-Logos */
.pay-row{display:flex;flex-direction:column;gap:8px;font-size:11.5px;color:var(--text-meta)}
.sky-pdp .pay-row .lbl{font-size:10.5px;color:var(--text-meta);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.sky-pdp .pay-logos{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.sky-pdp .pay-logo{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 6px;border-radius:4px;background:#fff;border:1px solid var(--border);font-size:9.5px;font-weight:800;letter-spacing:.04em;flex-shrink:0;font-family:Arial,sans-serif;line-height:1}
.sky-pdp .pay-logo.visa{background:#1a1f71;color:#fff;font-style:italic;letter-spacing:0;font-weight:900;font-size:10.5px;min-width:38px}
.sky-pdp .pay-logo.mc{background:#fff;padding:0 4px;gap:0;display:inline-flex;align-items:center;min-width:34px;justify-content:center}
.sky-pdp .pay-logo.mc::before, .sky-pdp .pay-logo.mc::after{content:"";width:13px;height:13px;border-radius:50%}
.sky-pdp .pay-logo.mc::before{background:#eb001b}
.sky-pdp .pay-logo.mc::after{background:#f79e1b;margin-left:-5px;mix-blend-mode:multiply}
.sky-pdp .pay-logo.amex{background:#016fd0;color:#fff;font-weight:900;letter-spacing:0;font-size:9.5px;min-width:36px}
.sky-pdp .pay-logo.twint{background:#000;color:#fff;font-weight:900;letter-spacing:.04em;font-size:9.5px;gap:4px;min-width:46px;padding:0 7px}
.sky-pdp .pay-logo.twint::after{content:"";width:5px;height:5px;border-radius:50%;background:#ff6633}
.sky-pdp .pay-logo.applepay{background:#000;color:#fff;gap:2px;font-weight:600;letter-spacing:0;font-size:10px;min-width:42px}
.sky-pdp .pay-logo.applepay svg{width:11px;height:11px}
.sky-pdp .pay-logo.googlepay{background:#fff;color:#5f6368;gap:2px;font-weight:600;letter-spacing:0;border-color:#dadce0;font-size:10px;min-width:36px}
.sky-pdp .pay-logo.googlepay .g{color:#4285f4;font-weight:700;font-size:11.5px}
.sky-pdp .pay-logo.powerpay{background:#0046ff;color:#fff;font-weight:700;letter-spacing:0;text-transform:lowercase;font-size:8.5px;min-width:48px;gap:3px}
.sky-pdp .pay-logo.powerpay::before{content:"";width:5px;height:5px;border-radius:50%;background:#ff4d00}
.sky-pdp .pay-logo.invoice{background:var(--cream);color:var(--text-h);border-color:var(--gold-border);font-size:9.5px;font-weight:700;text-transform:none;min-width:62px}

.sky-pdp /* Heizstrahler-Promo (premium, .sky-pdp Bild + dezenter Gold-Akzent) */
.promo-heat{display:flex;align-items:stretch;padding:0;background:#fff;border:1px solid var(--gold-border);border-radius:var(--r-card);margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 10px 28px var(--sky-gold-soft)}
.sky-pdp .promo-heat::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,var(--gold-soft) 0%,transparent 70%);pointer-events:none}
.sky-pdp .promo-heat .ph-img{flex-shrink:0;width:108px;background-color:#fff;background-image:url('/cdn/shop/products/HeizstrahlerPergolaNeu.jpg?v=1709905172');background-size:contain;background-repeat:no-repeat;background-position:center;position:relative}
.sky-pdp .promo-heat .ph-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(255,255,255,.95) 100%);pointer-events:none}
.sky-pdp .promo-heat .ph-content{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.sky-pdp .promo-heat .ph-tag{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--gold-accent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:0;border-radius:0;margin-bottom:5px;width:max-content}
.sky-pdp .promo-heat .ph-tag::before{content:"";width:14px;height:1.5px;background:var(--gold);border-radius:1px}
.sky-pdp .promo-heat .ph-content b{display:block;font-size:14px;font-weight:700;color:var(--text-h);letter-spacing:-.01em;line-height:1.2;margin-bottom:4px}
.sky-pdp .promo-heat .ph-content b em{color:var(--gold-accent);font-style:normal}
.sky-pdp .promo-heat .ph-content span{display:block;font-size:11.5px;color:var(--text-meta);line-height:1.45}
.sky-pdp .promo-heat .ph-value{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--text-h),var(--sky-black-soft));color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.04em;padding:4px 9px;border-radius:var(--r-pill);box-shadow:0 4px 10px rgba(15,15,15,.20);z-index:3;white-space:nowrap}

.sky-pdp /* Anfrage-Form (kompakt) */
.enquiry{padding:14px;background:var(--cream);border:1px solid var(--border);border-radius:var(--r-card);margin-bottom:14px}
.sky-pdp .enquiry h4{margin:0 0 2px;font-size:14px;font-weight:700;color:var(--text-h);display:flex;align-items:center;gap:8px}
.sky-pdp .enquiry h4 svg{color:var(--gold-accent)}
.sky-pdp .enquiry .meta{font-size:11px;color:var(--text-meta);margin:0 0 10px;display:flex;align-items:center;gap:6px}
.sky-pdp .enquiry .meta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sky-green);animation:pulse 2.4s var(--ease) infinite}
.sky-pdp .enquiry-form{display:flex;flex-direction:column;gap:6px}
.sky-pdp .enquiry-form .ef-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.sky-pdp .enquiry-form input, .sky-pdp .enquiry-form textarea{width:100%;padding:9px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--r-btn);font-family:inherit;font-size:12.5px;color:var(--text-h);outline:none;transition:all .2s var(--ease);box-sizing:border-box}
.sky-pdp .enquiry-form textarea{resize:vertical;min-height:54px;line-height:1.4}
.sky-pdp .enquiry-form input:focus, .sky-pdp .enquiry-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,166,106,.15)}
.sky-pdp .enquiry-form button{padding:9px 14px;background:var(--text-h);color:#fff;border:0;border-radius:var(--r-btn);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s var(--ease);align-self:flex-end}
.sky-pdp .enquiry-form button:hover{background:var(--gold-accent)}

.sky-pdp /* Promo-Savings (Mehr Seiten, .sky-pdp mehr sparen) */
.promo-savings{padding:14px 16px;background:linear-gradient(135deg,var(--black-feature),var(--black-soft));color:#fff;border-radius:var(--r-card);margin-top:18px;margin-bottom:14px;position:relative;overflow:hidden}
.sky-pdp .pay-row + .promo-savings,.sky-pdp .trust-bar + .promo-savings{margin-top:22px}
.sky-pdp .promo-savings::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 100% 0%,rgba(199,166,106,.18),transparent 70%);pointer-events:none}
.sky-pdp .promo-savings h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.005em;line-height:1.25;position:relative;z-index:1}
.sky-pdp .promo-savings h4 em{color:var(--gold);font-style:normal}
.sky-pdp .promo-savings .ps-tiers{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;z-index:1}
.sky-pdp .promo-savings .ps-tier{padding:10px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(199,166,106,.25);border-radius:8px;text-align:left;transition:all .25s var(--ease)}
.sky-pdp .promo-savings .ps-tier:hover{background:rgba(199,166,106,.12);border-color:var(--sky-gold-strong)}
.sky-pdp .promo-savings .ps-tier b{display:block;font-size:18px;font-weight:700;color:var(--gold);letter-spacing:-.02em;line-height:1;margin-bottom:3px}
.sky-pdp .promo-savings .ps-tier span{font-size:11px;color:rgba(255,255,255,.65);font-weight:500}

.sky-pdp /* Upsell — Passendes Zubehör */
.upsell{margin-bottom:14px}
.sky-pdp .upsell-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}
.sky-pdp .upsell-head h4{margin:0;font-size:13px;font-weight:700;color:var(--text-h);letter-spacing:.04em;text-transform:uppercase}
.sky-pdp .upsell-head a{font-size:11.5px;color:var(--gold-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold-border);transition:all .2s var(--ease)}
.sky-pdp .upsell-head a:hover{text-decoration-color:var(--gold-accent)}
.sky-pdp .upsell-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sky-pdp .upsell-item{position:relative;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;overflow:hidden;transition:all .3s var(--ease);display:flex;align-items:center;gap:10px;padding:0}
.sky-pdp .upsell-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft);border-color:var(--gold-border)}
.sky-pdp .upsell-item.added{border-color:var(--gold);background:var(--gold-soft)}
.sky-pdp .upsell-img{flex-shrink:0;width:56px;height:56px;border-radius:8px 0 0 8px;background:var(--sky-black-deep);background-size:cover;background-position:center}
.sky-pdp .upsell-info{flex:1;min-width:0;padding:8px 8px 8px 0}
.sky-pdp .upsell-info b{display:block;font-size:11.5px;font-weight:700;color:var(--text-h);line-height:1.2;margin-bottom:2px;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sky-pdp .upsell-info span{display:block;font-size:10.5px;color:var(--text-meta);font-weight:500}
.sky-pdp .upsell-info .price{display:block;font-size:11.5px;color:var(--gold-accent);font-weight:700;margin-top:2px}
.sky-pdp .upsell-add{position:absolute;top:6px;right:6px;min-width:22px;height:22px;padding:0 6px;border-radius:8px;background:#fff;border:1px solid var(--border);color:var(--text-h);display:grid;place-items:center;transition:all .25s var(--ease);z-index:2;font-size:10.5px;font-weight:800}
.sky-pdp .upsell-item:hover .upsell-add{background:var(--gold);color:#fff;border-color:var(--gold)}
.sky-pdp .upsell-item.added .upsell-add{background:var(--sky-green);color:#fff;border-color:var(--sky-green)}
.sky-pdp .upsell-item.added{border-color:rgba(44,140,28,.50);background:rgba(44,140,28,.04)}
.sky-pdp .upsell-item.added .upsell-info b{color:var(--sky-green)}

.sky-pdp /* Generisches Dark-Modal (Upsell-Variant + Offerte) — gleicher Style wie info-modal */
.dark-mbg{position:fixed;inset:0;background:rgba(14,14,14,.65);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:9000}
.sky-pdp .dark-mbg.open{opacity:1;pointer-events:auto}
.sky-pdp .dark-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;z-index:9001;visibility:hidden}
.sky-pdp .dark-modal.open{visibility:visible}
.sky-pdp .dark-mc{background:var(--sky-black-deep);color:#fff;border-radius:8px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 120px rgba(0,0,0,.6);transform:translateY(20px) scale(.95);opacity:0;transition:transform .45s var(--ease),opacity .35s var(--ease);pointer-events:auto;border:1px solid rgba(199,166,106,.30);position:relative}
.sky-pdp .dark-mc::before{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 50% 0%,rgba(199,166,106,.18),transparent 70%);pointer-events:none}
.sky-pdp .dark-modal.open .dark-mc{transform:translateY(0) scale(1);opacity:1}
.sky-pdp .dark-mhead{padding:22px 26px 14px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.10);position:relative}
.sky-pdp .dark-mhead .dh-ico{flex-shrink:0;width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,rgba(199,166,106,.30),var(--sky-gold-soft));border:1px solid var(--sky-gold-strong);color:var(--gold);display:grid;place-items:center}
.sky-pdp .dark-mhead .dh-text h3{margin:0 0 2px;font-size:17px;font-weight:700;color:#fff;letter-spacing:-.005em}
.sky-pdp .dark-mhead .dh-text p{margin:0;font-size:12px;color:rgba(255,255,255,.6)}
.sky-pdp .dark-mclose{margin-left:auto;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;transition:all .25s var(--ease);flex-shrink:0}
.sky-pdp .dark-mclose:hover{background:rgba(255,255,255,.20);transform:rotate(90deg)}
.sky-pdp .dark-mbody{flex:1;overflow-y:auto;padding:18px 26px 22px;position:relative}

.sky-pdp /* Upsell-Variant-Modal */
.upsell-variant-modal .dark-mc{max-width:540px}
.sky-pdp .uv-list{display:flex;flex-direction:column;gap:8px}
.sky-pdp .uv-row{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:8px;transition:all .3s var(--ease);font-family:inherit;text-align:left;width:100%;color:#fff;border:1px solid rgba(255,255,255,.10)}
.sky-pdp .uv-row:hover{background:rgba(199,166,106,.08);border-color:rgba(199,166,106,.30)}
.sky-pdp .uv-row.added{background:rgba(44,140,28,.10);border-color:rgba(44,140,28,.50)}
.sky-pdp .uv-row .uv-info{flex:1;min-width:0}
.sky-pdp .uv-row .uv-info b{display:block;font-size:13.5px;font-weight:700;color:#fff;margin-bottom:2px}
.sky-pdp .uv-row .uv-info span{display:block;font-size:11.5px;color:rgba(255,255,255,.55)}
.sky-pdp .uv-row .uv-price{font-size:14px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.005em;flex-shrink:0}
.sky-pdp .uv-controls{flex-shrink:0;display:flex;align-items:center;gap:6px}
.sky-pdp .uv-controls .uv-add{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;border:0;font-size:14px;font-weight:700;transition:all .2s var(--ease);cursor:pointer;font-family:inherit}
.sky-pdp .uv-controls .uv-add:hover{background:var(--gold)}
.sky-pdp .uv-row.added .uv-controls .uv-add{display:none}
.sky-pdp .uv-qty{display:none;align-items:center;background:rgba(44,140,28,.18);border:1px solid rgba(44,140,28,.50);border-radius:8px;overflow:hidden}
.sky-pdp .uv-row.added .uv-qty{display:inline-flex}
.sky-pdp .uv-qty button{width:30px;height:32px;background:transparent;color:#fff;border:0;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;transition:background .2s var(--ease)}
.sky-pdp .uv-qty button:hover{background:rgba(199,166,106,.25)}
.sky-pdp .uv-qty .qty-num{min-width:30px;text-align:center;font-size:14px;font-weight:800;color:#7ed14d;font-variant-numeric:tabular-nums}

.sky-pdp /* Offerte-Modal */
.offer-modal .dark-mc{max-width:880px}
.sky-pdp .offer-mbody{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;flex:1;overflow:hidden}
@media(max-width:780px){.sky-pdp .offer-mbody{grid-template-columns:1fr}}
.sky-pdp .offer-cart{padding:18px 22px;border-right:1px solid rgba(255,255,255,.10);overflow-y:auto;max-height:60vh}
.sky-pdp .offer-cart h5{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.sky-pdp .offer-cart .oc-line{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:rgba(255,255,255,.78)}
.sky-pdp .offer-cart .oc-line:last-child{border-bottom:0}
.sky-pdp .offer-cart .oc-line b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.sky-pdp .offer-cart .oc-line .oc-meta{font-size:11px;color:rgba(255,255,255,.5);display:block;margin-top:1px}
.sky-pdp .offer-cart .oc-divider{height:1px;background:rgba(255,255,255,.10);margin:10px 0}
.sky-pdp .offer-cart .oc-total{display:flex;justify-content:space-between;align-items:center;padding-top:8px}
.sky-pdp .offer-cart .oc-total span{font-size:13px;color:rgba(255,255,255,.78);font-weight:600}
.sky-pdp .offer-cart .oc-total b{font-size:20px;font-weight:700;color:var(--gold);letter-spacing:-.01em}
.sky-pdp .offer-form{padding:18px 22px;overflow-y:auto;max-height:60vh}
.sky-pdp .offer-form h5{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.sky-pdp .offer-form .of-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.sky-pdp .offer-form input, .sky-pdp .offer-form textarea{width:100%;padding:9px 12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;font-family:inherit;font-size:13px;color:#fff;outline:none;transition:all .25s var(--ease);box-sizing:border-box}
.sky-pdp .offer-form input::placeholder, .sky-pdp .offer-form textarea::placeholder{color:rgba(255,255,255,.40)}
.sky-pdp .offer-form input:focus, .sky-pdp .offer-form textarea:focus{border-color:var(--gold);background:rgba(199,166,106,.06)}
.sky-pdp .offer-form textarea{resize:vertical;min-height:60px;line-height:1.4;margin-bottom:6px}
.sky-pdp .offer-form .of-submit{margin-top:8px;width:100%;height:42px;background:linear-gradient(135deg,var(--gold),var(--gold-accent));color:#fff;border:0;border-radius:8px;font-family:inherit;font-size:13.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .25s var(--ease);box-shadow:0 6px 16px rgba(199,166,106,.30)}
.sky-pdp .offer-form .of-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(199,166,106,.40)}
.sky-pdp .offer-form .of-note{margin-top:10px;font-size:11px;color:rgba(255,255,255,.40);line-height:1.4;text-align:center}

.sky-pdp /* Galerie 2-spaltiges Grid */
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.sky-pdp .gallery-grid .g-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative;background:var(--sky-black-deep);cursor:pointer;transition:all .35s var(--ease);border:0;padding:0}
.sky-pdp .gallery-grid .g-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sky-pdp .gallery-grid .g-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.sky-pdp .gallery-grid .g-item:hover img{transform:scale(1.06)}
.sky-pdp .gallery-grid .g-item.tall{grid-row:span 2;aspect-ratio:1/2.05}

.sky-pdp /* Trust Row */
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:18px}
.sky-pdp .trust-cell{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--text-body);line-height:1.35}
.sky-pdp .trust-cell svg{flex-shrink:0;color:var(--gold-accent);margin-top:1px}
.sky-pdp .trust-cell b{display:block;color:var(--text-h);font-weight:700;font-size:12.5px}

.sky-pdp /* Payment icons */
.pay-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--text-meta)}
.sky-pdp .pay-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--text-h)}

.sky-pdp /* ===== LOGO-SLIDER (Press / Trust) ===== */
.press{padding:32px 0;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.sky-pdp .press-head{text-align:center;margin-bottom:18px}
.sky-pdp .press-head .lbl{font-size:11px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:var(--text-meta)}
.sky-pdp .press-track{display:flex;gap:48px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:0 28px}
.sky-pdp .press-logo{height:36px;display:flex;align-items:center;color:var(--text-meta);font-weight:800;letter-spacing:.04em;font-family:Georgia,serif;font-style:italic;opacity:.55;transition:opacity .25s var(--ease);font-size:18px;white-space:nowrap}
.sky-pdp .press-logo.serif-bold{font-family:Georgia,serif;font-weight:900;font-style:normal;letter-spacing:-.02em;font-size:22px}
.sky-pdp .press-logo.sans-bold{font-family:Arial,sans-serif;font-weight:900;font-style:normal;letter-spacing:.04em;font-size:16px;text-transform:uppercase}
.sky-pdp .press-logo.script{font-family:'Brush Script MT',cursive;font-style:italic;font-size:24px;letter-spacing:0}
.sky-pdp .press-logo.tech{font-family:Arial,sans-serif;font-weight:700;font-style:normal;letter-spacing:.08em;font-size:14px;text-transform:uppercase}
.sky-pdp .press-logo.tech::before{content:"";display:inline-block;width:6px;height:6px;background:var(--gold);border-radius:50%;margin-right:6px}
.sky-pdp .press-logo:hover{opacity:1;color:var(--text-h)}

.sky-pdp /* ===== STATS BAR ===== */
.stats{padding:48px 0;background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);position:relative;overflow:hidden}
.sky-pdp .stats::before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,var(--gold-soft) 0%,transparent 70%);pointer-events:none}
.sky-pdp .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:780px){.sky-pdp .stats-grid{grid-template-columns:repeat(2,1fr)}}
.sky-pdp .stat{background:#fff;border:1px solid var(--gold-border);border-radius:var(--r-card);padding:24px;text-align:center;transition:all .35s var(--ease);position:relative;overflow:hidden}
.sky-pdp .stat::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-accent));transition:width .55s var(--ease)}
.sky-pdp .stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.sky-pdp .stat:hover::before{width:100%}
.sky-pdp .stat .num{font-size:clamp(28px,3.4vw,38px);font-weight:700;color:var(--gold-accent);letter-spacing:-.02em;margin-bottom:4px;line-height:1}
.sky-pdp .stat .lbl{font-size:11.5px;color:var(--text-meta);font-weight:600;letter-spacing:.08em;text-transform:uppercase}

.sky-pdp /* ===== TILES (Service-Tiles) ===== */
/* Service-Tiles · Premium-Dark Variant 2 — Animated Conic Gold-Border on Hover */
.tile-section{padding:36px 0 64px;background:#fff}
.sky-pdp .tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:1080px){.sky-pdp .tile-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sky-pdp .tile-grid{grid-template-columns:1fr}}
.sky-pdp .tile-card{position:relative;background:linear-gradient(180deg,#1a1410 0%,var(--sky-black-deep) 100%);border:1px solid rgba(199,166,106,.20);border-radius:8px;cursor:pointer;text-align:left;width:100%;overflow:hidden;display:flex;flex-direction:column;padding:0;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .35s ease;font-family:inherit;color:#fff;will-change:transform}
.sky-pdp /* Animated Conic Gold-Border (Stufe-3) — nur on-hover, .sky-pdp sonst 0 Compositor-Last */
.tile-card::before{content:"";position:absolute;inset:-1px;border-radius:8px;padding:1.5px;background:linear-gradient(135deg,transparent 30%,var(--gold) 50%,transparent 70%);background-size:200% 200%;background-position:-100% -100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s var(--ease),background-position .8s var(--ease);pointer-events:none;z-index:1}
.sky-pdp .tile-card:hover::before{opacity:1;background-position:200% 200%}
.sky-pdp .tile-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgba(0,0,0,.40),0 0 0 1px rgba(199,166,106,.40),0 0 40px rgba(199,166,106,.20)}
.sky-pdp .tile-img{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--sky-black-deep)}
.sky-pdp .tile-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .4s ease;filter:brightness(.85)}
.sky-pdp .tile-card:hover .tile-img img{transform:scale(1.08);filter:brightness(1)}
.sky-pdp .tile-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,14,14,.85) 100%);pointer-events:none}
.sky-pdp .tile-img .pin{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;background:rgba(14,14,14,.85);color:var(--gold);padding:6px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;border:1px solid rgba(199,166,106,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(0,0,0,.30);z-index:2}
.sky-pdp .tile-img .pin .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.sky-pdp .tile-foot{padding:18px 20px 20px;background:transparent;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}
.sky-pdp .tile-foot h3{margin:0;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25}
.sky-pdp .tile-foot p{margin:0;font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.4}
.sky-pdp .tile-foot .cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11.5px;font-weight:800;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;transition:gap .3s var(--ease)}
.sky-pdp .tile-foot .cta svg{transition:transform .3s var(--ease)}
.sky-pdp .tile-card:hover .tile-foot .cta{gap:10px}
.sky-pdp .tile-card:hover .tile-foot .cta svg{transform:translateX(2px)}
@media(prefers-reduced-motion:reduce){
  .sky-pdp .tile-card, .sky-pdp .tile-card::before, .sky-pdp .tile-img img, .sky-pdp .tile-foot .cta, .sky-pdp .tile-foot .cta svg{transition:none !important;animation:none !important}
  .sky-pdp .tile-card:hover{transform:none !important}
  .sky-pdp .tile-card:hover .tile-img img{transform:none !important;filter:brightness(1) !important}
}

.sky-pdp /* ===== VIDEO SLIDER ===== */
.vid-section{padding:48px 0 64px;background:linear-gradient(180deg,var(--cream) 0%,#fff 100%);position:relative;overflow:hidden}
.sky-pdp .vid-track-wrap{position:relative;max-width:1480px;margin:0 auto;padding:0 56px}
@media (max-width:760px){.sky-pdp .vid-track-wrap{padding:0 16px}}
.sky-pdp .vid-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 26px;-webkit-overflow-scrolling:touch}
.sky-pdp .vid-track::-webkit-scrollbar{height:6px}
.sky-pdp .vid-track::-webkit-scrollbar-track{background:transparent}
.sky-pdp .vid-track::-webkit-scrollbar-thumb{background:var(--sky-gold-glow);border-radius:3px}
.sky-pdp .vid-slide{flex:0 0 calc((100% - 28px) / 3);scroll-snap-align:start;border-radius:var(--r-card);overflow:hidden;position:relative;aspect-ratio:16/10;background:var(--sky-black-deep);cursor:pointer;transition:transform .45s var(--ease),box-shadow .45s var(--ease);box-shadow:var(--shadow-soft);border:0;padding:0}
@media (max-width:980px){.sky-pdp .vid-slide{flex-basis:calc((100% - 14px) / 2)}}
@media (max-width:620px){.sky-pdp .vid-slide{flex-basis:88%}}
.sky-pdp .vid-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sky-pdp .vid-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.55) 100%);pointer-events:none;transition:opacity .35s var(--ease)}
.sky-pdp .vid-slide:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}
.sky-pdp .vid-slide:hover img{transform:scale(1.05)}
.sky-pdp .vid-slide.is-active{transform:scale(1.02);box-shadow:0 22px 48px rgba(15,15,15,.22),0 0 0 1px var(--gold-border)}
.sky-pdp .vid-slide.is-active::after{opacity:.7}
.sky-pdp .vid-slide .play{position:absolute;left:50%;top:50%;width:64px;height:64px;border-radius:var(--r-pill);background:rgba(255,255,255,.94);transform:translate(-50%,-50%);display:grid;place-items:center;color:var(--text-h);box-shadow:var(--shadow-card);transition:all .35s var(--ease);z-index:2;cursor:pointer}
.sky-pdp .vid-slide:hover .play{background:var(--gold);color:#fff;transform:translate(-50%,-50%) scale(1.08)}
.sky-pdp .vid-slide .pin{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(14,14,14,.78);color:var(--gold);padding:5px 11px;border-radius:var(--r-pill);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px);z-index:2}
.sky-pdp .vid-slide .pin .dot{width:5px;height:5px;border-radius:50%;background:var(--gold)}
.sky-pdp .vid-slide.is-active .pin{box-shadow:0 0 14px rgba(199,166,106,.55)}
.sky-pdp .vid-slide .dur{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.7);color:#fff;padding:3px 8px;border-radius:8px;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;z-index:2;backdrop-filter:blur(6px)}
.sky-pdp .vid-arrow{position:absolute;top:calc(50% - 13px);width:46px;height:46px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;place-items:center;color:var(--text-h);transform:translateY(-50%);transition:all .25s var(--ease);z-index:5}
.sky-pdp .vid-arrow:hover{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:var(--shadow-gold)}
.sky-pdp .vid-arrow.prev{left:6px}.sky-pdp .vid-arrow.next{right:6px}
.sky-pdp .vid-arrow:disabled{opacity:.3;cursor:not-allowed}
@media (max-width:760px){.sky-pdp .vid-arrow{display:none}}
.sky-pdp .vid-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}
.sky-pdp .vid-dot{width:7px;height:7px;border-radius:var(--r-pill);background:rgba(15,15,15,.18);transition:all .35s var(--ease);cursor:pointer;border:0;padding:0}
.sky-pdp .vid-dot.on{background:var(--gold);width:24px}

.sky-pdp /* ===== iPHONE REELS / LIFESTYLE ===== */
.lifestyle{padding:80px 0;background:linear-gradient(135deg,var(--black-deep) 0%,var(--black-mid) 100%);color:#fff;position:relative;overflow:hidden}
.sky-pdp .lifestyle::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 0%,rgba(199,166,106,.18),transparent 70%);pointer-events:none}
.sky-pdp .lifestyle .w{position:relative}
.sky-pdp .lifestyle-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media (max-width:920px){.sky-pdp .lifestyle-grid{grid-template-columns:1fr;gap:40px}}
.sky-pdp .lifestyle-text .eyebrow{background:var(--sky-gold-soft);color:var(--gold);border-color:rgba(199,166,106,.25)}
.sky-pdp .lifestyle-text h2{color:#fff;font-size:clamp(28px,3.6vw,46px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;font-weight:700}
.sky-pdp .lifestyle-text h2 em{color:var(--gold);font-style:normal}
.sky-pdp .lifestyle-text p{color:rgba(255,255,255,.72);font-size:16.5px;line-height:1.6;margin:0 0 28px;max-width:520px}
.sky-pdp .lifestyle-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}
@media (max-width:560px){.sky-pdp .lifestyle-stats{grid-template-columns:1fr;gap:10px}}
.sky-pdp .ls-stat{padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:var(--r-card)}
.sky-pdp .ls-stat b{display:block;font-size:22px;font-weight:700;color:var(--gold);letter-spacing:-.02em;line-height:1;margin-bottom:4px}
.sky-pdp .ls-stat span{font-size:11.5px;color:rgba(255,255,255,.55);font-weight:600;letter-spacing:.08em;text-transform:uppercase}

.sky-pdp /* iPhone Mockup */
.iphone{justify-self:center;width:280px;height:570px;background:var(--sky-black-deep);border-radius:42px;border:6px solid #1a1a1a;box-shadow:0 60px 120px rgba(0,0,0,.5),0 0 0 1px rgba(199,166,106,.18);position:relative;overflow:hidden;transform:rotate(-1.5deg);transition:transform .8s var(--ease)}
.sky-pdp .iphone:hover{transform:rotate(0deg) scale(1.02)}
.sky-pdp .iphone .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:90px;height:24px;background:#000;border-radius:8px;z-index:5}
.sky-pdp .iphone .screen{position:absolute;inset:0;background-size:cover;background-position:center;overflow:hidden}
.sky-pdp .iphone .screen img, .sky-pdp .iphone .screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sky-pdp .iphone .screen img{animation:iphoneKB 14s ease-in-out infinite alternate}
@keyframes iphoneKB{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.12) translate(-2%,-3%)}}
@media (prefers-reduced-motion:reduce){.sky-pdp .iphone .screen img{animation:none}}
.sky-pdp .iphone .reels-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 18px 22px;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.7) 100%);z-index:3;color:#fff}
.sky-pdp .iphone .reels-ui .handle{font-size:13px;font-weight:700;margin-bottom:6px}
.sky-pdp .iphone .reels-ui .desc{font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.85);margin-bottom:8px}
.sky-pdp .iphone .reels-ui .audio{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:rgba(255,255,255,.7)}
.sky-pdp .iphone .reels-side{position:absolute;right:10px;bottom:80px;display:flex;flex-direction:column;gap:18px;z-index:4}
.sky-pdp .iphone .reels-side .ico-btn{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff}
.sky-pdp .iphone .reels-side .ico-btn b{font-size:10px;font-weight:600}
.sky-pdp .iphone .play-overlay{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff;z-index:4}

.sky-pdp /* ===== DESCRIPTION TABS (übernommen vom Dev-Theme sky-product-desc) ===== */
.desc-section{padding:80px 0;background:#fff;position:relative}
.sky-pdp .desc-head{text-align:center;margin-bottom:36px;display:flex;flex-direction:column;align-items:center}
.sky-pdp .desc-head>*{max-width:720px}
.sky-pdp .desc-head .eyebrow{margin-bottom:14px}
.sky-pdp .desc-head .h2{margin:0 0 14px}
.sky-pdp .desc-head .sub{margin:0 0 24px}
.sky-pdp .desc-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:28px;background:var(--cream);padding:6px;border-radius:var(--r-pill);max-width:max-content;margin-left:auto;margin-right:auto;flex-wrap:wrap}
@media (max-width:780px){.sky-pdp .desc-tabs{border-radius:8px;flex-direction:column;width:100%;max-width:100%}}
.sky-pdp .desc-tab{padding:11px 22px;border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--text-meta);transition:all .35s var(--ease);white-space:nowrap;background:transparent;border:0;cursor:pointer;font-family:inherit}
.sky-pdp .desc-tab.on{background:linear-gradient(135deg,var(--gold),var(--gold-accent));color:#fff;box-shadow:var(--shadow-gold)}
.sky-pdp .desc-tab:not(.on):hover{color:var(--text-h)}
.sky-pdp .desc-pane{display:none;animation:fade .45s var(--ease) both}
.sky-pdp .desc-pane.on{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sky-pdp .desc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:920px){.sky-pdp .desc-grid{grid-template-columns:1fr}}
.sky-pdp .desc-card{padding:24px;border-radius:var(--r-card);background:#fff;border:1px solid var(--border);transition:all .35s var(--ease);position:relative;overflow:hidden}
.sky-pdp .desc-card::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-accent));transition:width .5s var(--ease)}
.sky-pdp .desc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft);border-color:var(--gold-border)}
.sky-pdp .desc-card:hover::before{width:100%}
.sky-pdp .desc-card.feat{background:linear-gradient(135deg,var(--black-feature),var(--black-soft));color:#fff;border-color:transparent;display:block}
.sky-pdp .desc-card.feat h4{color:#fff;display:block}
.sky-pdp .desc-card.feat h4::before{display:none;content:none}
.sky-pdp .desc-card.feat p{color:rgba(255,255,255,.7)}
.sky-pdp .desc-card.feat .ico{background:rgba(199,166,106,.18);color:var(--gold);display:grid !important;flex:none}
.sky-pdp .desc-card.feat .stat{color:var(--gold)}
.sky-pdp .desc-card{display:block}
.sky-pdp .desc-card .ico{width:42px;height:42px;border-radius:8px;background:var(--gold-soft);color:var(--gold-accent);display:grid;place-items:center;margin-bottom:14px;flex:none}
.sky-pdp .desc-card h4{margin:0 0 8px;font-size:16.5px;font-weight:700;line-height:1.25;color:var(--text-h);letter-spacing:-.005em;display:block}
.sky-pdp .desc-card h4::before{display:none;content:none}
.sky-pdp .desc-card p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-body)}
.sky-pdp .desc-card .stat{display:block;font-size:26px;font-weight:700;color:var(--gold-accent);letter-spacing:-.02em;margin-top:8px}
.sky-pdp .desc-acc{display:grid;gap:10px;max-width:760px;margin:0 auto}
.sky-pdp .desc-acc-item{background:var(--cream);border-radius:var(--r-card);overflow:hidden;border:1px solid transparent;transition:all .3s var(--ease)}
.sky-pdp .desc-acc-item.open{background:#fff;border-color:var(--gold-border);box-shadow:var(--shadow-soft)}
.sky-pdp .desc-acc-q{width:100%;padding:18px 24px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--text-h);font-weight:700;font-size:15px;line-height:1.3;background:transparent;border:0;cursor:pointer;font-family:inherit}
.sky-pdp .desc-acc-q .plus{margin-left:auto;width:30px;height:30px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;transition:all .35s var(--ease);color:var(--text-h)}
.sky-pdp .desc-acc-item.open .plus{background:var(--gold);color:#fff;border-color:var(--gold);transform:rotate(45deg)}
.sky-pdp .desc-acc-a{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.sky-pdp .desc-acc-item.open .desc-acc-a{max-height:500px}
.sky-pdp .desc-acc-inner{padding:0 24px 22px 60px;color:var(--text-body);font-size:14.5px;line-height:1.6}

.sky-pdp /* ===== USP-Image-with-Text (alternierend) ===== */
.usps{padding:80px 0;background:#fff}
.sky-pdp .usps-head{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center}
.sky-pdp .usps-head>*{max-width:680px}
.sky-pdp .usp-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px;max-width:1240px;margin-left:auto;margin-right:auto;padding:0 28px}
.sky-pdp .usp-row:last-child{margin-bottom:0}
@media(max-width:920px){.sky-pdp .usp-row{grid-template-columns:1fr;gap:24px;margin-bottom:48px}}
.sky-pdp .usp-row.reverse .usp-img{order:2}
.sky-pdp .usp-row.reverse .usp-text{order:1}
@media(max-width:920px){.sky-pdp .usp-row.reverse .usp-img{order:1}.sky-pdp .usp-row.reverse .usp-text{order:2}}
.sky-pdp .usp-img{aspect-ratio:5/4;border-radius:8px;overflow:hidden;background:var(--sky-black-deep);position:relative;box-shadow:var(--sky-shadow-card)}
.sky-pdp .usp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.sky-pdp .usp-img:hover img{transform:scale(1.04)}
.sky-pdp .usp-img .usp-pin{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;gap:7px;background:rgba(14,14,14,.85);color:var(--gold);padding:7px 12px;border-radius:var(--r-pill);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}
.sky-pdp .usp-img .usp-pin .dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.sky-pdp .usp-text .eyebrow{margin-bottom:14px}
.sky-pdp .usp-text h3{font-size:clamp(24px,2.6vw,32px);line-height:1.1;letter-spacing:-.02em;margin:0 0 14px;font-weight:700;color:var(--text-h)}
.sky-pdp .usp-text h3 em{color:var(--gold-accent);font-style:normal}
.sky-pdp .usp-text p{font-size:16px;color:var(--text-body);line-height:1.6;margin:0 0 20px}
.sky-pdp .usp-text .usp-bullets{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.sky-pdp .usp-text .usp-bullets li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--text-body);line-height:1.5}
.sky-pdp .usp-text .usp-bullets li svg{flex-shrink:0;color:var(--gold-accent);margin-top:3px}
.sky-pdp .usp-text .usp-bullets li b{color:var(--text-h)}

.sky-pdp /* ===== UNVERGESSLICHE MOMENTE — Hochformat-Galerie ===== */
.moments{padding:96px 0;background:linear-gradient(135deg,var(--black-deep),var(--black-mid));color:#fff;position:relative;overflow:hidden}
.sky-pdp .moments::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 0%,rgba(199,166,106,.15),transparent 70%);pointer-events:none}
.sky-pdp .moments .w{position:relative;max-width:1320px}
.sky-pdp .moments-head{text-align:center;margin-bottom:42px;display:flex;flex-direction:column;align-items:center}
.sky-pdp .moments-head>*{max-width:680px}
.sky-pdp .moments-head .eyebrow{background:var(--sky-gold-soft);color:var(--gold);border-color:rgba(199,166,106,.25)}
.sky-pdp .moments-head h2{color:#fff;font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px;font-weight:700}
.sky-pdp .moments-head h2 em{color:var(--gold);font-style:normal}
.sky-pdp .moments-head p{color:rgba(255,255,255,.65);font-size:16px;line-height:1.55;margin:0 0 24px}
.sky-pdp .moments-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px}
@media(max-width:920px){.sky-pdp .moments-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}}
.sky-pdp .m-tile{position:relative;border-radius:8px;overflow:hidden;background:var(--sky-black-deep);cursor:pointer;transition:transform .45s var(--ease)}
.sky-pdp .m-tile.tall{grid-row:span 2}
.sky-pdp .m-tile.wide{grid-column:span 2}
.sky-pdp .m-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sky-pdp .m-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none}
.sky-pdp .m-tile:hover{transform:translateY(-4px)}
.sky-pdp .m-tile:hover img{transform:scale(1.06)}
.sky-pdp .m-tile .m-meta{position:absolute;left:14px;bottom:14px;color:#fff;z-index:2;font-size:12px}
.sky-pdp .m-tile .m-meta b{display:block;font-size:13px;font-weight:700;color:#fff}
.sky-pdp .m-tile .m-meta span{color:rgba(255,255,255,.7);font-size:11.5px}

.sky-pdp /* ===== MODELL-VERGLEICH ===== */
.compare{padding:80px 0;background:var(--cream);position:relative;overflow:hidden}
.sky-pdp .compare::before{content:"";position:absolute;top:50%;right:-150px;width:400px;height:400px;background:radial-gradient(circle,var(--gold-soft) 0%,transparent 70%);pointer-events:none}
.sky-pdp .compare-head{text-align:center;margin-bottom:42px;display:flex;flex-direction:column;align-items:center}
.sky-pdp .compare-head>*{max-width:700px}
.sky-pdp .compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
@media (max-width:1080px){.sky-pdp .compare-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sky-pdp .compare-grid{grid-template-columns:1fr}}
.sky-pdp .cm-col{background:#fff;border-radius:var(--r-card);overflow:hidden;border:1.5px solid transparent;transition:all .35s var(--ease);position:relative}
.sky-pdp .cm-col:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:var(--gold-border)}
.sky-pdp .cm-col.popular{border-color:var(--gold);box-shadow:0 22px 48px rgba(15,15,15,.18),0 0 0 1px var(--gold-border)}
.sky-pdp .cm-col.popular::before{content:"BELIEBT";position:absolute;top:14px;right:14px;background:linear-gradient(135deg,var(--gold),var(--gold-accent));color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:var(--r-pill);z-index:2;box-shadow:var(--shadow-gold)}
.sky-pdp .cm-col.this{border-color:var(--text-h)}
.sky-pdp .cm-col.this::before{content:"DU BIST HIER";position:absolute;top:14px;right:14px;background:var(--text-h);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:var(--r-pill);z-index:2}
.sky-pdp .cm-img{aspect-ratio:4/3;background:var(--sky-black-deep);background-size:cover;background-position:center;position:relative}
.sky-pdp .cm-body{padding:18px}
.sky-pdp .cm-body h4{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text-h)}
.sky-pdp .cm-body p{margin:0 0 12px;font-size:13px;color:var(--text-meta);line-height:1.45}
.sky-pdp .cm-price{font-size:22px;font-weight:700;color:var(--gold-accent);letter-spacing:-.02em;margin-bottom:12px}
.sky-pdp .cm-price small{font-size:12px;color:var(--text-meta);font-weight:500}
.sky-pdp .cm-feats{list-style:none;padding:0;margin:0 0 14px}
.sky-pdp .cm-feats li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-body);padding:5px 0;line-height:1.4}
.sky-pdp .cm-feats li svg{flex-shrink:0;color:var(--gold-accent);margin-top:2px}
.sky-pdp .cm-feats li.muted{color:var(--text-meta)}
.sky-pdp .cm-feats li.muted svg{color:var(--text-meta);opacity:.5}
.sky-pdp .cm-cta{display:block;text-align:center;padding:11px;background:var(--cream);border-radius:8px;font-size:13px;font-weight:600;color:var(--text-h);transition:all .25s var(--ease)}
.sky-pdp .cm-col:hover .cm-cta{background:var(--gold);color:#fff}
.sky-pdp .cm-col.popular .cm-cta{background:var(--gold);color:#fff}
.sky-pdp .cm-col.popular:hover .cm-cta{background:var(--gold-hover)}

.sky-pdp /* ===== VERGLEICHS-SECTION (Stufe 3 cinematic) ===== */
.compare-section{padding:104px 0;background:linear-gradient(135deg,var(--sky-black-deep) 0%,#1a1410 35%,#231a12 50%,#1a1410 65%,var(--sky-black-deep) 100%);background-size:300% 300%;animation:cmpShift 22s ease infinite;position:relative;overflow:hidden;color:#fff;isolation:isolate}
@keyframes cmpShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.sky-pdp .compare-section::before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:120%;height:600px;background:radial-gradient(60% 60% at 50% 0%,var(--sky-gold-border),transparent 70%);pointer-events:none;z-index:0}
.sky-pdp .compare-section::after{content:"";position:absolute;bottom:-260px;right:-160px;width:720px;height:720px;background:radial-gradient(circle,var(--sky-gold-soft),transparent 70%);pointer-events:none;z-index:0}
.sky-pdp .compare-section .w{position:relative;z-index:1}
.sky-pdp .compare-tabs-head{text-align:center;margin-bottom:36px;display:flex;flex-direction:column;align-items:center}
.sky-pdp .compare-tabs-head>*{max-width:760px}
.sky-pdp .compare-tabs-head h2{color:#fff}
.sky-pdp .compare-tabs-head h2 strong{color:var(--gold);font-weight:800;-webkit-text-fill-color:initial}
.sky-pdp .compare-tabs-head .sub{color:rgba(255,255,255,.72)}
.sky-pdp .compare-tabs-head .eyebrow{background:rgba(199,166,106,.14);color:var(--gold);border:1px solid rgba(199,166,106,.30);backdrop-filter:blur(6px)}
.sky-pdp .compare-tabs-head .eyebrow .dot{background:var(--gold)}
.sky-pdp .compare-tabs{display:flex;gap:6px;justify-content:center;margin-bottom:36px;background:rgba(255,255,255,.06);padding:6px;border-radius:var(--r-pill);max-width:max-content;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
@media(max-width:560px){.sky-pdp .compare-tabs{flex-direction:column;width:100%;max-width:100%;border-radius:8px}}
.sky-pdp .cmp-tab{padding:12px 24px;border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:rgba(255,255,255,.68);background:transparent;border:0;cursor:pointer;font-family:inherit;transition:all .35s var(--ease);white-space:nowrap}
.sky-pdp .cmp-tab:not(.on):hover{color:#fff;background:rgba(255,255,255,.05)}
.sky-pdp .cmp-tab.on{background:linear-gradient(135deg,var(--gold),var(--gold-accent));color:#fff;box-shadow:0 8px 28px rgba(199,166,106,.40)}
.sky-pdp .cmp-pane{display:none;animation:fade .45s var(--ease) both}
.sky-pdp .cmp-pane.on{display:block}
.sky-pdp .cmp-table-wrap{background:rgba(255,255,255,.025);border:1px solid var(--sky-gold-border);border-radius:8px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04) inset;max-width:1280px;margin:0 auto;overflow-x:auto;backdrop-filter:blur(16px);position:relative;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.sky-pdp .cmp-table-wrap::-webkit-scrollbar{height:8px}
.sky-pdp .cmp-table-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,.2)}
.sky-pdp .cmp-table-wrap::-webkit-scrollbar-thumb{background:rgba(199,166,106,.5);border-radius:4px}
.sky-pdp .cmp-swipe-hint{display:none;text-align:center;color:rgba(255,255,255,.55);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;align-items:center;justify-content:center;gap:8px}
.sky-pdp .cmp-swipe-hint svg{width:14px;height:14px;color:var(--gold);animation:swipeHint 1.8s ease-in-out infinite}
@keyframes swipeHint{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
@media(max-width:1100px){.sky-pdp .cmp-pane[data-cmp-pane="models"] .cmp-swipe-hint{display:flex}}
.sky-pdp .cmp-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:840px;color:rgba(255,255,255,.85);position:relative;z-index:1}
.sky-pdp .cmp-table-models{min-width:1180px}
.sky-pdp .cmp-table-models thead th{font-size:11.5px}
.sky-pdp .cmp-table-models tbody td{padding:14px 14px;font-size:12.5px}
.sky-pdp .cmp-table thead{background:linear-gradient(135deg,rgba(20,16,12,.92),rgba(14,14,14,.92))}
.sky-pdp .cmp-table thead th{padding:18px 18px;text-align:left;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid var(--sky-gold-border)}
.sky-pdp .cmp-table thead th:first-child{font-weight:600;text-transform:none;letter-spacing:0;font-size:11.5px;color:rgba(255,255,255,.42)}
.sky-pdp .cmp-table thead th.th-sky{background:linear-gradient(135deg,var(--gold),var(--gold-accent));color:#fff;box-shadow:inset 0 -3px 0 var(--gold-hover);position:relative;font-weight:800;letter-spacing:.05em}
.sky-pdp .cmp-pane[data-cmp-pane="vs"] .cmp-table thead th.th-sky::after{content:"★ BESTE WAHL";display:block;font-size:9.5px;color:rgba(255,255,255,.95);font-weight:800;letter-spacing:.10em;margin-top:3px}
.sky-pdp .cmp-model-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none;transition:color .25s var(--ease);font-weight:inherit;letter-spacing:inherit;text-transform:inherit}
.sky-pdp .cmp-model-link::after{content:"↗";font-size:11px;opacity:.45;transition:transform .25s var(--ease),opacity .25s var(--ease)}
.sky-pdp .cmp-model-link:hover{color:var(--gold)}
.sky-pdp .cmp-model-link:hover::after{opacity:1;transform:translate(2px,-2px)}
.sky-pdp .cmp-table tbody td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.04);vertical-align:middle;color:rgba(255,255,255,.78)}
.sky-pdp .cmp-table tbody td:first-child{font-weight:600;color:#fff;font-size:13px;background:rgba(255,255,255,.025)}
.sky-pdp .cmp-table tbody td:last-child{border-right:0}
.sky-pdp .cmp-table tbody tr:last-child td{border-bottom:0}
.sky-pdp .cmp-table tbody tr{transition:background .25s var(--ease)}
.sky-pdp .cmp-table tbody tr:hover td{background:rgba(199,166,106,.04)}
.sky-pdp .cmp-table tbody tr:hover td:first-child{background:var(--sky-gold-soft);color:#fff}
.sky-pdp .cmp-table .col-sky{background:rgba(199,166,106,.07)!important;color:#fff;font-weight:600;border-left:1px solid rgba(199,166,106,.20)!important;border-right:1px solid rgba(199,166,106,.20)!important;position:relative}
.sky-pdp .cmp-table tbody tr:hover .col-sky{background:rgba(199,166,106,.13)!important}

.sky-pdp /* Tags */
.cmp-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.03em;line-height:1;white-space:nowrap;vertical-align:middle}
.sky-pdp .cmp-tag svg{width:11px;height:11px;flex:none}
.sky-pdp .cmp-tag.is-win{background:linear-gradient(135deg,var(--gold),var(--gold-accent));color:#fff;box-shadow:0 4px 14px rgba(199,166,106,.32)}
.sky-pdp .cmp-tag.is-meh{background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.12)}
.sky-pdp .cmp-tag.is-no{background:rgba(220,80,80,.08);color:#e89292;border:1px solid rgba(220,80,80,.22)}
.sky-pdp .cmp-tag.is-info{background:rgba(255,255,255,.04);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.10);font-weight:600}
.sky-pdp .cmp-tag.is-price{background:linear-gradient(135deg,rgba(199,166,106,.18),rgba(199,166,106,.08));color:var(--gold);border:1px solid var(--sky-gold-glow);font-size:13px;padding:6px 13px;font-weight:800}
.sky-pdp .cmp-tag.is-price-lo{color:rgba(255,255,255,.55);background:transparent;border:1px solid rgba(255,255,255,.10);font-size:13px;padding:6px 13px;font-weight:700}
.sky-pdp .cmp-tag.is-price-hi{color:#e89292;background:rgba(220,80,80,.06);border:1px solid rgba(220,80,80,.20);font-size:13px;padding:6px 13px;font-weight:700}

.sky-pdp .cmp-table .cmp-total td{background:linear-gradient(135deg,rgba(20,16,12,.85),rgba(14,14,14,.85))!important;font-size:14.5px;padding:18px 18px;border-top:1px solid rgba(199,166,106,.30)}
.sky-pdp .cmp-table .cmp-total td:first-child b{color:#fff;font-size:14px}
.sky-pdp .cmp-table .cmp-total .col-sky{background:linear-gradient(135deg,rgba(199,166,106,.20),rgba(199,166,106,.08))!important}

.sky-pdp .cmp-cta-row{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.sky-pdp .cmp-cta-row .btn{min-width:200px}
.sky-pdp .cmp-cta-row .btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.04)}
.sky-pdp .cmp-cta-row .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}

.sky-pdp /* ===== REVIEWS ===== */
.reviews{padding:80px 0;background:#fff}
.sky-pdp .reviews-head{text-align:center;margin-bottom:36px;display:flex;flex-direction:column;align-items:center}
.sky-pdp .reviews-head>*{max-width:700px}
.sky-pdp .reviews-stats{display:flex;justify-content:center;gap:32px;margin-bottom:28px;flex-wrap:wrap}
.sky-pdp .rs-num{font-size:38px;font-weight:700;color:var(--gold-accent);line-height:1;letter-spacing:-.02em}
.sky-pdp .rs-stars{display:inline-flex;gap:2px;margin-top:4px}
.sky-pdp .rs-stars svg{width:18px;height:18px;color:#e8bd4f}
.sky-pdp .rs-lbl{font-size:11.5px;color:var(--text-meta);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}
.sky-pdp .reviews-slider-wrap{position:relative;max-width:1480px;margin:0 auto;padding:0 56px}
@media(max-width:760px){.sky-pdp .reviews-slider-wrap{padding:0 16px}}
.sky-pdp .reviews-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 26px;-webkit-overflow-scrolling:touch}
.sky-pdp .reviews-track::-webkit-scrollbar{height:6px}
.sky-pdp .reviews-track::-webkit-scrollbar-track{background:transparent}
.sky-pdp .reviews-track::-webkit-scrollbar-thumb{background:var(--sky-gold-glow);border-radius:3px}
.sky-pdp .reviews-track .review{flex:0 0 calc((100% - 36px) / 3);scroll-snap-align:start}
@media(max-width:980px){.sky-pdp .reviews-track .review{flex-basis:calc((100% - 18px) / 2)}}
@media(max-width:620px){.sky-pdp .reviews-track .review{flex-basis:88%}}
.sky-pdp .rev-arrow{position:absolute;top:50%;width:46px;height:46px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;place-items:center;color:var(--text-h);transform:translateY(-50%);transition:all .25s var(--ease);z-index:5;cursor:pointer}
.sky-pdp .rev-arrow:hover{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:var(--shadow-gold)}
.sky-pdp .rev-arrow.prev{left:6px}.sky-pdp .rev-arrow.next{right:6px}
.sky-pdp .rev-arrow:disabled{opacity:.3;cursor:not-allowed}
@media(max-width:760px){.sky-pdp .rev-arrow{display:none}}

.sky-pdp .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:920px){.sky-pdp .reviews-grid{grid-template-columns:1fr}}
.sky-pdp .review{background:var(--cream);border-radius:var(--r-card);overflow:hidden;transition:all .35s var(--ease);position:relative;display:flex;flex-direction:column}
.sky-pdp .review:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);background:#fff}
.sky-pdp .review-img{aspect-ratio:5/4;background:var(--sky-black-deep);position:relative;overflow:hidden}
.sky-pdp .review-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.sky-pdp .review:hover .review-img img{transform:scale(1.05)}
.sky-pdp .review-img .verified{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.95);color:var(--sky-green);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-pill);backdrop-filter:blur(6px);z-index:2}
.sky-pdp .review-body{padding:18px 20px;flex:1;display:flex;flex-direction:column}
.sky-pdp .review .stars{display:inline-flex;gap:1px;margin-bottom:8px}
.sky-pdp .review .stars svg{width:14px;height:14px;color:#e8bd4f}
.sky-pdp .review h5{margin:0 0 8px;font-size:14.5px;font-weight:700;color:var(--text-h);line-height:1.3}
.sky-pdp .review p{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--text-body);flex:1}
.sky-pdp .review .author{display:flex;align-items:center;gap:10px;font-size:12.5px}
.sky-pdp .review .author .ava{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sky-gold-primary),#a98549);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}
.sky-pdp .review .author b{display:block;color:var(--text-h);font-weight:700}
.sky-pdp .review .author span{display:block;color:var(--text-meta);font-size:11px}

.sky-pdp /* ===== FAQ ===== */
.faq-section{padding:80px 0;background:var(--cream);position:relative;overflow:hidden}
.sky-pdp .faq-section::before{content:"";position:absolute;bottom:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,var(--gold-soft) 0%,transparent 60%);pointer-events:none}
.sky-pdp .faq-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:28px;position:relative}
.sky-pdp .faq-head>*{max-width:680px}
.sky-pdp .faq-controls{display:flex;flex-direction:column;gap:14px;align-items:center;margin-bottom:24px}
.sky-pdp .faq-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:var(--r-pill);padding:0 18px;width:min(440px,100%);transition:all .25s var(--ease)}
.sky-pdp .faq-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px var(--sky-gold-soft)}
.sky-pdp .faq-search svg{flex-shrink:0;color:var(--text-meta)}
.sky-pdp .faq-search input{flex:1;background:transparent;border:0;padding:13px 0;font-family:inherit;font-size:14.5px;color:var(--text-h);outline:none}
.sky-pdp .faq-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sky-pdp .faq-pill{padding:8px 16px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-h);cursor:pointer;transition:all .3s var(--ease);font-family:inherit}
.sky-pdp .faq-pill:hover{border-color:var(--gold-accent);color:var(--gold-accent)}
.sky-pdp .faq-pill.on{background:var(--text-h);color:#fff;border-color:var(--text-h)}
.sky-pdp .faq-list{max-width:780px;margin:0 auto;display:grid;gap:8px}
.sky-pdp .faq-item{display:block;background:#fff;border-radius:var(--r-card);overflow:hidden;border:1px solid transparent;transition:all .35s var(--ease)}
.sky-pdp .faq-item.hidden{display:none}
.sky-pdp .faq-item.open{border-color:var(--gold-border);box-shadow:var(--shadow-soft)}
.sky-pdp .faq-q{width:100%;padding:18px 22px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--text-h);font-weight:600;font-size:15px;line-height:1.35;background:transparent;border:0;cursor:pointer;font-family:inherit}
.sky-pdp .faq-q .cat{flex-shrink:0;font-size:11px;color:var(--gold-accent);font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--gold-soft);padding:3px 8px;border-radius:var(--r-pill)}
.sky-pdp .faq-q .qtxt{flex:1}
.sky-pdp .faq-q .plus{flex-shrink:0;width:28px;height:28px;border-radius:var(--r-pill);border:1px solid var(--border);display:grid;place-items:center;transition:all .35s var(--ease);color:var(--text-h)}
.sky-pdp .faq-item.open .plus{background:var(--gold);color:#fff;border-color:var(--gold);transform:rotate(45deg)}
.sky-pdp .faq-a{max-height:0;overflow:hidden;transition:max-height .55s var(--ease)}
.sky-pdp .faq-item.open .faq-a{max-height:2400px}
.sky-pdp .faq-a-inner{padding:0 22px 22px;color:var(--text-body);font-size:14.5px;line-height:1.62}
.sky-pdp .more-wrap{display:flex;justify-content:center;margin-top:18px}
.sky-pdp .more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-h);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit;transition:all .25s var(--ease)}
.sky-pdp .more-btn:hover{border-color:var(--gold);color:var(--gold-accent);transform:translateY(-1px);box-shadow:0 6px 18px rgba(199,166,106,.20)}
.sky-pdp .faq-ask{margin:24px auto 0;max-width:780px;background:linear-gradient(135deg,var(--black-feature),var(--black-soft));color:#fff;border-radius:var(--r-card);padding:24px 26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;position:relative;overflow:hidden}
.sky-pdp .faq-ask::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 100% 0%,rgba(199,166,106,.18),transparent 60%);pointer-events:none}
.sky-pdp .faq-ask .ico{width:44px;height:44px;border-radius:8px;background:rgba(199,166,106,.2);color:var(--gold);display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1}
.sky-pdp .faq-ask .txt{flex:1;min-width:220px;position:relative;z-index:1}
.sky-pdp .faq-ask .txt h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff}
.sky-pdp .faq-ask .txt p{margin:0;font-size:13.5px;color:rgba(255,255,255,.72)}

.sky-pdp /* ===== FINAL CTA ===== */
.final-cta{padding:96px 0;background:linear-gradient(135deg,var(--black-deep),var(--black-mid));color:#fff;position:relative;overflow:hidden;text-align:center}
.sky-pdp .final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 0%,var(--sky-gold-border),transparent 70%);pointer-events:none}
.sky-pdp .final-cta .w{position:relative;max-width:760px}
.sky-pdp .final-cta .eyebrow{background:var(--sky-gold-soft);color:var(--gold);border-color:rgba(199,166,106,.25)}
.sky-pdp .final-cta h2{color:#fff;font-size:clamp(32px,4.5vw,52px);line-height:1.05;letter-spacing:-.02em;font-weight:700;margin:0 0 16px}
.sky-pdp .final-cta h2 em{color:var(--gold);font-style:normal}
.sky-pdp .final-cta p{font-size:17px;color:rgba(255,255,255,.75);max-width:540px;margin:0 auto 28px;line-height:1.55}
.sky-pdp .final-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.sky-pdp .final-cta .btn-ghost-dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);padding:14px 22px;border-radius:var(--r-btn);font-weight:600;font-size:14px}
.sky-pdp .final-cta .btn-ghost-dark:hover{border-color:#fff;background:rgba(255,255,255,.06)}

.sky-pdp /* ===== FOOTER ===== */


@media (max-width:780px){}







.sky-pdp /* ===== MODAL ===== */
.modal-bg{position:fixed;inset:0;background:rgba(14,14,14,.55);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:9000}
.sky-pdp .modal-bg.open{opacity:1;pointer-events:auto}
.sky-pdp .modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;z-index:9001;visibility:hidden}
.sky-pdp .modal.open{visibility:visible}
.sky-pdp .modal-card{background:#fff;border-radius:8px;max-width:760px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 120px rgba(0,0,0,.45);transform:translateY(20px) scale(.95);opacity:0;transition:transform .45s var(--ease),opacity .35s var(--ease);pointer-events:auto}
.sky-pdp .modal.open .modal-card{transform:translateY(0) scale(1);opacity:1}
.sky-pdp .modal-hero{position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--sky-black-deep);flex-shrink:0}
.sky-pdp .modal-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sky-pdp .modal-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,transparent 35%,rgba(0,0,0,.65) 100%)}
.sky-pdp .modal-hero .strip{position:absolute;left:24px;bottom:18px;color:#fff;z-index:2}
.sky-pdp .modal-hero .strip .label{font-size:11px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:2px}
.sky-pdp .modal-hero .strip h3{margin:0;font-size:20px;font-weight:700;line-height:1.2;color:#fff;letter-spacing:-.005em}
.sky-pdp .modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:var(--r-pill);background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--text-h);transition:all .25s var(--ease);z-index:3}
.sky-pdp .modal-close:hover{background:var(--text-h);color:#fff;transform:rotate(90deg)}
.sky-pdp .modal-body{flex:1;overflow-y:auto;padding:24px 28px 8px;color:var(--text-body);font-size:14.5px;line-height:1.6}
.sky-pdp .modal-body p{margin:0 0 14px}
.sky-pdp .modal-body p:last-child{margin-bottom:0}
.sky-pdp .modal-body h4{margin:18px 0 8px;font-size:15px;font-weight:700;color:var(--text-h);display:flex;align-items:center;gap:10px}
.sky-pdp .modal-body h4::before{content:"";width:18px;height:2px;background:var(--gold);border-radius:2px}
.sky-pdp .modal-body ul{margin:6px 0 14px;padding-left:0;list-style:none}
.sky-pdp .modal-body ul li{position:relative;padding-left:24px;margin-bottom:6px;line-height:1.55}
.sky-pdp .modal-body ul li::before{content:"";position:absolute;left:6px;top:9px;width:6px;height:6px;border-radius:var(--r-pill);background:var(--gold)}
.sky-pdp .modal-foot{padding:16px 28px 22px;border-top:1px solid var(--border);background:#fff;display:flex;gap:10px;flex-wrap:wrap}
.sky-pdp .modal-foot .btn{flex:1;min-width:160px}

.sky-pdp /* Lightbox — Fullscreen Premium Viewer */
.lb-bg{position:fixed;inset:0;background:rgba(8,8,8,.96);opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:9000}
.sky-pdp .lb-bg.open{opacity:1;pointer-events:auto}
.sky-pdp .lb{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:0;pointer-events:none;z-index:9001;visibility:hidden}
.sky-pdp .lb.open{visibility:visible;pointer-events:auto}
.sky-pdp .lb-card{position:relative;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:transparent;border-radius:0;overflow:hidden;transform:scale(.96);opacity:0;transition:transform .35s var(--ease),opacity .35s var(--ease);display:flex;align-items:center;justify-content:center}
.sky-pdp .lb.open .lb-card{transform:scale(1);opacity:1}
.sky-pdp .lb-card img, .sky-pdp .lb-card video{display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;border-radius:0;border:0;background:#000}
.sky-pdp .lb-card video{width:100vw;height:auto;max-height:100vh;object-fit:contain}
.sky-pdp .lb-card iframe{width:100vw;height:100vh;border:0;background:#000}
.sky-pdp .lb-close{position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;width:44px;height:44px;border-radius:50%;background:rgba(14,14,14,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;place-items:center;color:#fff;transition:all .25s var(--ease);z-index:9004;cursor:pointer;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,0,0,.40)}
.sky-pdp .lb-close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg);border-color:rgba(255,255,255,.30)}
.sky-pdp .lb-fs{display:none}
.sky-pdp /* Lightbox Navigation — Prev/Next Buttons + Counter + Title */
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:var(--r-pill);background:rgba(14,14,14,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;display:grid;place-items:center;border:1px solid rgba(199,166,106,.40);cursor:pointer;z-index:9003;transition:all .25s var(--ease);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 1px rgba(0,0,0,.20)}
.sky-pdp .lb-nav:hover{background:var(--gold);color:#fff;border-color:var(--gold);transform:translateY(-50%) scale(1.08);box-shadow:0 12px 28px var(--sky-gold-strong)}
.sky-pdp .lb-nav:active{transform:translateY(-50%) scale(.96)}
.sky-pdp .lb-nav:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sky-pdp .lb-prev{left:24px}
.sky-pdp .lb-next{right:24px}
.sky-pdp .lb-nav[hidden]{display:none !important}
.sky-pdp .lb:not(.open) .lb-nav{opacity:0;pointer-events:none}
.sky-pdp .lb.open .lb-nav{opacity:1}

.sky-pdp /* Counter (1 / 6) — top center */
.lb-counter{position:fixed;top:24px;left:50%;transform:translateX(-50%);background:rgba(14,14,14,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:'Barlow',sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--sky-gold-glow);z-index:9003;display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.sky-pdp .lb-counter[hidden]{display:none !important}
.sky-pdp .lb-counter-sep{color:rgba(255,255,255,.45);font-weight:500;margin:0 1px}
.sky-pdp .lb-counter [data-lb-current]{color:var(--gold)}

.sky-pdp /* Title-Badge (z.B. "SkyMotion LED") — unter Counter */
.lb-title{position:fixed;top:68px;left:50%;transform:translateX(-50%);background:rgba(199,166,106,.18);color:var(--gold);font-family:'Barlow',sans-serif;font-size:12px;font-weight:800;letter-spacing:.10em;text-transform:uppercase;padding:5px 12px;border-radius:var(--r-pill);border:1px solid var(--sky-gold-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9003;max-width:calc(100vw - 48px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sky-pdp .lb-title[hidden]{display:none !important}

.sky-pdp /* Mobile: Nav-Buttons unten in einer Bar (bessere Daumen-Reichweite) */
@media (max-width:680px){
  .lb-nav{top:auto;bottom:24px;transform:none;width:48px;height:48px}
  .lb-nav:hover{transform:scale(1.06)}
  .lb-nav:active{transform:scale(.94)}
  .lb-prev{left:calc(50% - 70px)}
  .lb-next{right:calc(50% - 70px)}
  .lb-card .lb-fs{bottom:88px;right:14px} /* Fullscreen-Button hochziehen, damit kein Overlap mit Nav */
  .lb-counter{top:14px;font-size:12px;padding:7px 13px}
  .lb-title{top:54px;font-size:11px;padding:4px 10px;max-width:calc(100vw - 24px)}
  .lb-card{max-width:96vw;max-height:78vh}
  .lb-card img,.lb-card video{max-width:96vw;max-height:78vh}
  .lb-close{top:-44px;right:0;width:36px;height:36px}
}
.sky-pdp /* Fullscreen-Mode: Nav-Buttons trotzdem sichtbar */
.lb-card.is-fs ~ .lb-nav, .sky-pdp .lb:has(.lb-card.is-fs) .lb-nav{z-index:2147483646}
@media (prefers-reduced-motion:reduce){
  .sky-pdp .lb-nav, .sky-pdp .lb-counter, .sky-pdp .lb-title{transition:none !important}
  .sky-pdp .lb-nav:hover{transform:translateY(-50%) !important}
}

/* ============ PERFORMANCE: Modal-offen-Pause + Solid-Backdrop ============
   Modal offen → alle PDP-Animationen pausieren (60fps modal-content).
   backdrop-filter:blur entfernt — auf Mobile/iOS extrem teuer für Compositor. */
body.sky-pdp-lock .sky-pdp *,
body.sky-pdp-lock .sky-pdp *::before,
body.sky-pdp-lock .sky-pdp *::after{animation-play-state:paused !important}
/* Ausnahme: Modal-Inhalte + Backdrops dürfen ihre Open-Animation laufen */
body.sky-pdp-lock .sky-pdp .modal.open,body.sky-pdp-lock .sky-pdp .modal.open *,body.sky-pdp-lock .sky-pdp .modal.open *::before,body.sky-pdp-lock .sky-pdp .modal.open *::after,
body.sky-pdp-lock .sky-pdp .modal-bg.open,
body.sky-pdp-lock .sky-pdp .stock-modal.open,body.sky-pdp-lock .sky-pdp .stock-modal.open *,body.sky-pdp-lock .sky-pdp .stock-modal.open *::before,body.sky-pdp-lock .sky-pdp .stock-modal.open *::after,
body.sky-pdp-lock .sky-pdp .stock-mbg.open,
body.sky-pdp-lock .sky-pdp .info-modal.open,body.sky-pdp-lock .sky-pdp .info-modal.open *,body.sky-pdp-lock .sky-pdp .info-modal.open *::before,body.sky-pdp-lock .sky-pdp .info-modal.open *::after,
body.sky-pdp-lock .sky-pdp .info-mbg.open,
body.sky-pdp-lock .sky-pdp .dark-modal.open,body.sky-pdp-lock .sky-pdp .dark-modal.open *,body.sky-pdp-lock .sky-pdp .dark-modal.open *::before,body.sky-pdp-lock .sky-pdp .dark-modal.open *::after,
body.sky-pdp-lock .sky-pdp .dark-mbg.open,
body.sky-pdp-lock .sky-pdp .lb,body.sky-pdp-lock .sky-pdp .lb *,body.sky-pdp-lock .sky-pdp .lb-bg{animation-play-state:running !important}
/* Solid Backdrop statt blur(8px) */
.sky-pdp .modal-bg,
.sky-pdp .stock-mbg,
.sky-pdp .info-mbg,
.sky-pdp .dark-mbg,
.sky-pdp .lb-bg{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(8,8,8,.85) !important}

/* ============ Mobile Galerie-Slider ============
   Desktop: bleibt wie es ist (gallery-main + gallery-grid).
   Mobile (<=860px): gallery-main+grid hidden, gallery-mobile sichtbar.
   Horizontaler Scroll-Snap-Slider mit Dots + Counter + Zoom-Button. */
.sky-pdp .gallery-mobile{display:none}
@media(max-width:860px){
  .sky-pdp .gallery-main{display:none !important}
  .sky-pdp .gallery-grid{display:none !important}
  .sky-pdp .gallery-mobile{display:block;position:relative;margin:0 -18px 14px;border-radius:0}
  .sky-pdp .gm-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;scroll-padding:0;padding:0}
  .sky-pdp .gm-track::-webkit-scrollbar{display:none}
  .sky-pdp .gm-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1;background:#0e0e0e;border:0;padding:0;margin:0;cursor:zoom-in;position:relative;overflow:hidden}
  .sky-pdp .gm-slide img{width:100%;height:100%;object-fit:cover;display:block}
  .sky-pdp .gm-slide.is-video{cursor:pointer}
  .sky-pdp .gm-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(14,14,14,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;pointer-events:none;z-index:2;border:1.5px solid rgba(255,255,255,.30);box-shadow:0 8px 24px rgba(0,0,0,.40);transition:transform .35s var(--ease)}
  .sky-pdp .gm-play svg{margin-left:3px}
  .sky-pdp .gm-slide.is-video:hover .gm-play{transform:translate(-50%,-50%) scale(1.08);background:var(--gold);border-color:var(--gold)}
  .sky-pdp .gm-counter{position:absolute;top:14px;left:14px;background:rgba(14,14,14,.85);color:#fff;padding:6px 12px;border-radius:999px;font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em;z-index:3;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(199,166,106,.40);box-shadow:0 4px 14px rgba(0,0,0,.30);display:inline-flex;align-items:center;gap:4px}
  .sky-pdp .gm-counter [data-gm-current]{color:var(--gold)}
  .sky-pdp .gm-counter .gm-sep{color:rgba(255,255,255,.45);font-weight:500}
  .sky-pdp .gm-zoom{position:absolute;bottom:24px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(14,14,14,.85);color:#fff;display:grid;place-items:center;border:1px solid rgba(199,166,106,.45);cursor:pointer;z-index:3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px rgba(0,0,0,.30);transition:transform .25s var(--ease),background .25s ease}
  .sky-pdp .gm-zoom:active{transform:scale(.92);background:var(--gold);color:#fff}
  .sky-pdp .gm-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:14px 18px 6px;flex-wrap:wrap}
  .sky-pdp .gm-dot{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.18);transition:all .35s var(--ease);border:0;padding:0;cursor:pointer;flex-shrink:0}
  .sky-pdp .gm-dot.on{background:var(--sky-gold-primary);width:24px;border-radius:999px;box-shadow:0 2px 8px rgba(199,166,106,.40)}
  /* Pin (Stock-Status) auf Mobile auf erstem Slide */
  .sky-pdp .gallery-mobile [data-hero-pin]{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(14,14,14,.85);color:var(--gold);padding:6px 12px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(199,166,106,.55);backdrop-filter:blur(8px);z-index:3;box-shadow:0 4px 14px rgba(0,0,0,.30)}
  .sky-pdp .gallery-mobile [data-hero-pin] .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
}
@media(prefers-reduced-motion:reduce){
  .sky-pdp .gm-track{scroll-behavior:auto !important}
  .sky-pdp .gm-dot{transition:none !important}
}

/* Compare-Table: Theme injiziert tr-Zebra-BG (rgb(241,241,241)) → bricht den Dark-Look.
   Wir erzwingen transparente Zeilen + helle Schrift, damit Tags auch auf den geraden Zeilen lesbar bleiben. */
.sky-pdp .cmp-table,
.sky-pdp .cmp-table thead,
.sky-pdp .cmp-table tbody,
.sky-pdp .cmp-table tr,
.sky-pdp .cmp-table th,
.sky-pdp .cmp-table td{background:transparent !important;background-color:transparent !important;background-image:none !important}
.sky-pdp .cmp-table tbody tr:nth-child(even),
.sky-pdp .cmp-table tbody tr:nth-child(odd){background:transparent !important;background-color:transparent !important}
.sky-pdp .cmp-table tbody td{background:transparent !important;color:rgba(255,255,255,.85) !important}
.sky-pdp .cmp-table tbody td:first-child{background:rgba(255,255,255,.03) !important;color:#fff !important;font-weight:600 !important}
.sky-pdp .cmp-table .col-sky{background:rgba(199,166,106,.10) !important;color:#fff !important}
.sky-pdp .cmp-table tbody tr:hover td{background:rgba(199,166,106,.06) !important}
.sky-pdp .cmp-table tbody tr:hover td.col-sky{background:rgba(199,166,106,.16) !important}
.sky-pdp .cmp-table tbody tr:hover td:first-child{background:rgba(199,166,106,.14) !important}
/* Tags: Auch wenn ein Tag durchsichtig wird (is-meh/is-no/is-info) bleibt der Text lesbar */
.sky-pdp .cmp-table .cmp-tag{color:#fff !important}
.sky-pdp .cmp-table .cmp-tag.is-meh{background:rgba(255,255,255,.10) !important;color:rgba(255,255,255,.85) !important;border:1px solid rgba(255,255,255,.20) !important}
.sky-pdp .cmp-table .cmp-tag.is-no{background:rgba(220,80,80,.14) !important;color:#f3a5a5 !important;border:1px solid rgba(220,80,80,.35) !important}
.sky-pdp .cmp-table .cmp-tag.is-info{background:rgba(255,255,255,.08) !important;color:#fff !important;border:1px solid rgba(255,255,255,.18) !important}
.sky-pdp .cmp-table .cmp-tag.is-price-lo{background:rgba(255,255,255,.05) !important;color:rgba(255,255,255,.75) !important;border:1px solid rgba(255,255,255,.18) !important}
.sky-pdp .cmp-table .cmp-tag.is-price-hi{background:rgba(220,80,80,.10) !important;color:#f3a5a5 !important;border:1px solid rgba(220,80,80,.32) !important}
.sky-pdp .cmp-table .cmp-tag.is-price{color:var(--sky-gold-primary) !important}
.sky-pdp .cmp-table .cmp-tag.is-win{color:#fff !important}

/* ============ UNIVERSAL CINEMATIC HOVER ============
   GPU-friendly: nur transform + box-shadow + border-color + opacity.
   Keine paint-heavy properties (kein width/height/padding/margin im :hover). */

/* Smooth transition base auf allen interaktiven Elementen */
.sky-pdp .var-opt,
.sky-pdp .var-opt-color,
.sky-pdp .toggle-opt,
.sky-pdp .at-opt,
.sky-pdp .countdown .seg,
.sky-pdp .ps-tier,
.sky-pdp .toggle-block,
.sky-pdp .assembly-toggle{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .25s ease,background-color .25s ease !important;will-change:transform}

/* Größen-Buttons (3x3, 3x4, 3x6 etc) — Hover Lift + Gold-Border + soft Gold-Glow */
.sky-pdp .var-opt:not(.active):hover{transform:translateY(-2px) !important;border-color:rgba(199,166,106,.55) !important;background:rgba(199,166,106,.05) !important;box-shadow:0 6px 18px rgba(199,166,106,.18),0 0 0 1px rgba(199,166,106,.20) !important;color:#c29b58 !important}
.sky-pdp .var-opt.active:hover{transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(199,166,106,.35),0 0 0 1.5px var(--sky-gold-primary) !important}

/* Farb-Swatches — Hover Scale + Glow */
.sky-pdp .var-opt-color:not(.active):hover{transform:translateY(-2px) scale(1.04) !important;border-color:rgba(199,166,106,.55) !important;box-shadow:0 6px 18px rgba(199,166,106,.25) !important}
.sky-pdp .var-opt-color.active:hover{transform:translateY(-2px) scale(1.04) !important}

/* Selbstmontage / Profi Toggle */
.sky-pdp .toggle-opt:not(.active):hover{transform:translateY(-2px) !important;border-color:rgba(199,166,106,.45) !important;background:rgba(199,166,106,.04) !important;box-shadow:0 6px 18px rgba(199,166,106,.15) !important}
.sky-pdp .toggle-opt.active:hover{transform:translateY(-2px) !important;box-shadow:0 8px 22px rgba(199,166,106,.28) !important}

/* Assembly-Type Optionen */
.sky-pdp .at-opt:not(.active):hover{transform:translateY(-1px) !important;background:rgba(199,166,106,.06) !important;box-shadow:0 4px 14px rgba(199,166,106,.12) !important}
.sky-pdp .at-opt.active:hover{transform:translateY(-1px) !important;box-shadow:0 8px 22px rgba(199,166,106,.25),inset 0 0 0 1.5px var(--sky-gold-primary) !important}

/* Countdown-Timer Segmente — Hover Lift + Gold-Glow */
.sky-pdp .countdown .seg{cursor:default}
.sky-pdp .countdown .seg:hover{transform:translateY(-3px) !important;background:rgba(199,166,106,.14) !important;border-color:rgba(199,166,106,.45) !important;box-shadow:0 8px 22px rgba(199,166,106,.30),0 0 0 1px rgba(199,166,106,.20) !important}
.sky-pdp .countdown .seg:hover b{color:var(--sky-gold-primary) !important;transition:color .25s ease}

/* Promo-Savings Tiers — Hover Boost falls schwach */
.sky-pdp .promo-savings .ps-tier:hover{transform:translateY(-2px) !important;border-color:rgba(199,166,106,.55) !important;background:rgba(199,166,106,.10) !important;box-shadow:0 8px 24px rgba(199,166,106,.25) !important}

/* Stock-Box (Lagerbestand-Kachel) — Hover Lift falls schwach */
.sky-pdp .stock-box{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .25s ease !important}
.sky-pdp .stock-box:hover{transform:translateY(-2px) !important;border-color:rgba(199,166,106,.40) !important;box-shadow:0 8px 24px rgba(15,15,15,.10),0 0 0 1px rgba(199,166,106,.18) !important}

/* Press-Logo Stripe — sanftes Hover */
.sky-pdp .press-logo{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .25s ease !important}

/* Reduced-motion: alles aus */
@media(prefers-reduced-motion:reduce){
  .sky-pdp .var-opt:hover,.sky-pdp .var-opt-color:hover,.sky-pdp .toggle-opt:hover,
  .sky-pdp .at-opt:hover,.sky-pdp .countdown .seg:hover,.sky-pdp .ps-tier:hover,
  .sky-pdp .stock-box:hover{transform:none !important;box-shadow:none !important}
}

/* Mobile: Hover-Effekte deaktivieren (kein Hover-Konzept auf Touch) */
@media(hover:none){
  .sky-pdp .var-opt:hover,.sky-pdp .var-opt-color:hover,.sky-pdp .toggle-opt:hover,
  .sky-pdp .at-opt:hover,.sky-pdp .countdown .seg:hover,.sky-pdp .ps-tier:hover,
  .sky-pdp .stock-box:hover{transform:none !important;box-shadow:initial !important}
}

/* Stock-Modal: Mobile-Fix — verhindert Überlappen/Abschneiden der Spalten (Anthrazit/Weiss) auf schmalen Bildschirmen */
@media (max-width: 640px){
  .sky-pdp .stock-modal{padding:10px !important}
  .sky-pdp .stock-mhead{padding:18px 16px 12px !important;gap:10px !important}
  .sky-pdp .stock-mhead h3{font-size:15.5px !important}
  .sky-pdp .stock-mhead p{font-size:11.5px !important}
  .sky-pdp .stock-mbody{padding:12px 12px 16px !important}
  .sky-pdp .stock-table{table-layout:fixed !important;width:100% !important}
  .sky-pdp .stock-table thead th,.sky-pdp .stock-table tbody td{padding:10px 4px !important;font-size:12px !important;word-break:break-word !important}
  .sky-pdp .stock-table thead th{font-size:9.5px !important}
  .sky-pdp .stock-model b{font-size:12px !important}
  .sky-pdp .stock-model span{font-size:10.5px !important}
  .sky-pdp .stock-cell-pill{display:flex !important;align-items:center !important;justify-content:center !important;white-space:normal !important;font-size:10px !important;padding:7px 10px !important;line-height:1.3 !important;text-align:center !important;gap:6px !important;min-height:32px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;word-break:keep-all !important;overflow-wrap:normal !important;hyphens:none !important;-webkit-hyphens:none !important}
  .sky-pdp .stock-cell-pill .d{align-self:center !important;margin:0 !important;width:7px !important;height:7px !important;flex:0 0 7px !important;box-shadow:none !important}
  .sky-pdp .stock-cell-pill .t{display:inline !important;white-space:normal !important;word-break:keep-all !important;overflow-wrap:normal !important}
}