:root{color-scheme:dark;--gold:#d39a2f}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:#000;color:#fff;font-family:Georgia,"Times New Roman",serif}.shop-stage{position:relative;width:min(100%,1024px);margin:0 auto;line-height:0;overflow:hidden;background:#000}.shop-master{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;z-index:10;display:block;border:0;background:transparent;cursor:pointer;border-radius:3px;text-decoration:none}.hotspot:focus-visible{outline:2px solid #f2bd58;outline-offset:3px;box-shadow:0 0 18px rgba(211,154,47,.75)}.hotspot:hover{box-shadow:inset 0 0 0 1px rgba(239,180,70,.28),0 0 16px rgba(211,154,47,.1)}.logo-link{left:2.2%;top:.8%;width:20%;height:4.3%}.nav-world{left:27.2%;top:1.2%;width:10.3%;height:2.5%}.nav-community{left:39.1%;top:1.2%;width:10.8%;height:2.5%}.nav-lifestyle{left:51.6%;top:1.2%;width:8.1%;height:2.5%}.nav-acting{left:61.5%;top:1.2%;width:9.7%;height:2.5%}.nav-shop{left:72.6%;top:1.2%;width:5.4%;height:2.5%}.nav-contact{left:79.8%;top:1.2%;width:7.8%;height:2.5%}.bag-link{left:88.6%;top:.9%;width:4.3%;height:3.1%}.menu-link{left:93.5%;top:.9%;width:4.6%;height:3.1%}.collection-link{left:4.5%;top:31.45%;width:22.5%;height:3.45%}.calendar-card{left:2.2%;top:43%;width:30.3%;height:41%}.mug-card{left:34.2%;top:43%;width:30.2%;height:41%}.book-card{left:65.8%;top:43%;width:31.6%;height:41%}.calendar-button{left:7.5%;top:79.7%;width:19.2%;height:2.8%}.mug-button{left:39.9%;top:79.7%;width:17.5%;height:2.8%}.book-button{left:70.9%;top:79.7%;width:21.5%;height:2.8%}.footer-logo{left:3.3%;top:94.5%;width:18.3%;height:3.8%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lux-panel{position:fixed;z-index:100;top:0;right:0;bottom:0;width:min(420px,92vw);padding:62px 40px;background:radial-gradient(circle at 50% 0,rgba(115,77,13,.16),transparent 30%),#070604;border-left:1px solid var(--gold);box-shadow:-30px 0 80px rgba(0,0,0,.8);transform:translateX(105%);transition:transform .38s;line-height:1.5}.lux-panel.open{transform:none}.panel-close{position:absolute;right:18px;top:12px;border:0;background:none;color:#dca53f;font-size:36px;cursor:pointer}.lux-panel h2{font-size:28px;font-weight:400;letter-spacing:.11em;color:#e1ad50}.lux-panel>span{color:#d39a2f}.lux-panel p{font-size:20px;margin-top:65px}.lux-panel small{color:#9f9688}.menu-panel{display:flex;flex-direction:column;gap:0}.menu-panel img{width:230px;margin:0 auto 35px}.menu-panel a{color:#eee;text-decoration:none;font:14px Arial,sans-serif;letter-spacing:.12em;padding:17px 5px;border-bottom:1px solid rgba(211,154,47,.2)}.menu-panel a.active{color:#e1ad50}.panel-backdrop{position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.76);opacity:0;pointer-events:none;transition:.3s}.panel-backdrop.open{opacity:1;pointer-events:auto}@media(max-width:700px){body{overflow-x:hidden}.shop-stage{width:100vw}.lux-panel{padding:58px 28px}.hotspot:hover{box-shadow:none}}

.limited-editions{width:min(100%,1024px);margin:0 auto;padding:56px 23px 45px;background:radial-gradient(circle at 76% 45%,rgba(118,72,8,.16),transparent 28%),#030303;color:#eee;position:relative;overflow:hidden}.limited-heading{display:flex;align-items:center;gap:22px;text-align:center;margin-bottom:30px}.limited-heading>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b87917)}.limited-heading>span:last-child{transform:scaleX(-1)}.limited-heading p{margin:0 0 8px;color:#d19a37;font:12px Arial,sans-serif;letter-spacing:.25em}.limited-heading h2{margin:0;color:#eee3d3;font-size:31px;font-weight:400}.christmas-edition{min-height:450px;border:1px solid rgba(191,130,31,.78);display:grid;grid-template-columns:43% 57%;position:relative;background:linear-gradient(130deg,rgba(15,10,4,.98),rgba(2,2,2,.96));box-shadow:inset 0 0 55px rgba(201,135,25,.035)}.christmas-visual{display:flex;align-items:center;justify-content:center;padding:34px;text-decoration:none;background:radial-gradient(circle at 50% 50%,rgba(194,125,20,.18),transparent 57%);position:relative}.advent-placeholder{width:78%;aspect-ratio:4/5;border:1px solid rgba(213,156,55,.68);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 32%,rgba(116,74,13,.22),transparent 33%),linear-gradient(155deg,#090704,#020202);box-shadow:0 24px 45px rgba(0,0,0,.62),inset 0 0 32px rgba(218,153,48,.08)}.advent-placeholder::before{content:"";position:absolute;inset:9px;border:1px solid rgba(199,139,38,.22)}.advent-placeholder img{width:48px;height:48px;object-fit:contain;margin-bottom:15px}.limited-badge{color:#d5a044;font:10px Arial;letter-spacing:.2em}.advent-placeholder strong{color:#dca43d;font-size:105px;line-height:1;margin:10px 0;text-shadow:0 0 28px rgba(215,150,42,.24)}.advent-placeholder small{font-size:18px;line-height:1.45;color:#ded5c8}.advent-placeholder b{position:absolute;bottom:18px;color:#847b6e;font:9px Arial;letter-spacing:.17em}.christmas-copy{align-self:center;padding:45px 50px 45px 22px;position:relative;z-index:2}.edition-kicker{color:#d29a36;font:11px Arial;letter-spacing:.2em}.christmas-copy h3{font-size:42px;line-height:1.08;font-weight:400;margin:18px 0 25px}.christmas-copy h3 em{display:block;color:#d39a2f;font-family:"Snell Roundhand","Apple Chancery","Segoe Script",cursive;font-size:1.18em;font-weight:400;margin-top:8px}.christmas-copy>p:not(.edition-kicker){font-size:17px;line-height:1.65;color:#d3cabd;max-width:520px}.edition-status{display:flex;align-items:center;gap:12px;margin:28px 0}.edition-status span{height:1px;width:48px;background:linear-gradient(90deg,transparent,#c58825)}.edition-status span:last-child{transform:scaleX(-1)}.edition-status b{color:#dca746;font:11px Arial;letter-spacing:.18em}.edition-actions{display:flex;flex-wrap:wrap;gap:12px}.edition-actions a{border:1px solid #bd8123;color:#dfad56;text-decoration:none;padding:14px 18px;font:11px Arial;letter-spacing:.07em;transition:.25s}.edition-actions a:hover{background:#c68a2a;color:#080604}.edition-actions .reminder{border-color:rgba(189,129,35,.45)}.edition-sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f7d691;box-shadow:0 0 5px #fff,0 0 14px #d4962d}.edition-sparkles i:nth-child(1){left:4%;top:18%}.edition-sparkles i:nth-child(2){left:39%;top:10%}.edition-sparkles i:nth-child(3){left:95%;top:24%}.edition-sparkles i:nth-child(4){left:88%;top:78%}.edition-sparkles i:nth-child(5){left:48%;top:88%}.future-note{text-align:center;margin:25px 0 0;color:#8f8679;font-size:13px;font-style:italic}
@media(max-width:700px){.limited-editions{padding:38px 16px}.limited-heading>span{display:none}.limited-heading{justify-content:center}.limited-heading h2{font-size:27px}.christmas-edition{grid-template-columns:1fr}.christmas-visual{padding:28px 22px 12px}.advent-placeholder{width:min(82%,310px)}.christmas-copy{padding:28px 24px 34px;text-align:center}.christmas-copy h3{font-size:33px}.edition-status,.edition-actions{justify-content:center}.christmas-copy>p:not(.edition-kicker){font-size:16px}.edition-actions a{width:100%}}

/* Typografie des Weihnachtskapitels: weiße klassische Serifenschrift + goldene Handschrift */
.christmas-copy h3 span{display:block;color:#fffaf4;font-family:Georgia,"Times New Roman",serif;font-size:1.12em;font-weight:700;line-height:1;letter-spacing:-.025em}
.christmas-copy h3 em{font-family:"Snell Roundhand","Apple Chancery","URW Chancery L","Segoe Script","Brush Script MT",cursive;font-size:1.78em;line-height:1.05;margin-top:17px;font-weight:400;letter-spacing:-.035em;text-shadow:0 0 20px rgba(211,154,47,.2)}
.christmas-copy>p:not(.edition-kicker){font-family:Georgia,"Times New Roman",serif;color:#eee8df}

/* Finale Kalender-Vorschau im echten Querformat */
.christmas-edition{min-height:0;grid-template-columns:1fr}
.christmas-visual{display:block;padding:0;overflow:hidden;background:#020202}
.advent-preview{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .8s ease,filter .8s ease}
.christmas-visual::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 42px 10px rgba(0,0,0,.82);pointer-events:none}
.christmas-visual:hover .advent-preview{transform:scale(1.012);filter:brightness(1.06)}
.preview-label{position:absolute;z-index:2;left:24px;bottom:20px;padding:9px 13px;border:1px solid rgba(220,164,66,.7);background:rgba(3,3,3,.78);color:#e0ad54;font:9px Arial,sans-serif;letter-spacing:.18em}
.christmas-copy{padding:38px 48px 42px;text-align:center}
.christmas-copy>p:not(.edition-kicker){margin-left:auto;margin-right:auto}
.edition-status,.edition-actions{justify-content:center}
@media(max-width:700px){.christmas-visual{padding:0}.advent-preview{aspect-ratio:3/2}.preview-label{left:12px;bottom:11px;font-size:7px;padding:7px 9px}}
@media(max-width:700px){.christmas-copy h3 span{font-size:1.05em}.christmas-copy h3 em{font-size:1.48em;margin-top:13px;letter-spacing:-.045em}}

/* Eigene Mrs.Muziii.ink Signaturschrift */
@font-face{font-family:"Muzi Signature";src:url("assets/fonts/muzi-signature-v1.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Muzi Serif";src:url("assets/fonts/cormorant-garamond-latin-400.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
.christmas-copy h3 span{
  color:#f6f1e9;
  font-family:"Muzi Serif",Georgia,"Times New Roman",serif;
  font-weight:400;
  line-height:1.05;
  letter-spacing:.015em;
  text-shadow:0 2px 16px rgba(0,0,0,.45)
}
.christmas-copy h3 em{
  color:#d9a23b;
  font-family:"Muzi Signature","Snell Roundhand","Apple Chancery",cursive;
  font-size:1.78em;
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.015em;
  margin-top:17px;
  text-shadow:0 0 18px rgba(211,154,47,.13)
}
.christmas-copy>p:not(.edition-kicker){
  color:#f6f1e9;
  font-family:"Muzi Serif",Georgia,"Times New Roman",serif;
  font-weight:400
}
@media(max-width:700px){.christmas-copy h3 em{font-size:1.43em;letter-spacing:.005em}}

/* Freigegebener Schriftzug – als Originalgrafik, damit die Form auf jedem Gerät gleich bleibt */
.christmas-copy h3 .christmas-lettering{
  display:block;
  width:min(100%,760px);
  height:auto;
  margin:-10px auto 0;
  filter:drop-shadow(0 0 9px rgba(211,154,47,.16));
}
@media(max-width:700px){
  .christmas-copy h3 .christmas-lettering{width:100%;margin-top:-8px}
}

/* Leerer Warenkorb – identischer Stil wie auf der Sonnenuntergangs-Seite */
.bag-panel{width:min(440px,94vw);padding:62px 42px 40px;color:#f5f0e8;background:radial-gradient(circle at 50% 0,rgba(143,96,18,.18),transparent 30%),linear-gradient(155deg,#0d0b08,#030303 72%);border-left:1px solid rgba(217,155,39,.75);box-shadow:-35px 0 90px rgba(0,0,0,.82),inset 0 0 45px rgba(217,155,39,.025);transition:transform .45s cubic-bezier(.22,.8,.3,1)}
.bag-panel::before{content:"";position:absolute;inset:12px;border:1px solid rgba(217,155,39,.18);pointer-events:none}
.bag-panel .panel-close{z-index:2;right:20px;top:14px;color:#e2ad46;font:38px/1 Georgia,serif}
.bag-panel .bag-cart-kicker{margin:0 0 12px;color:#bda779;font:12px/1.2 Arial,sans-serif;letter-spacing:.22em}
.bag-panel h2{margin:0;color:#e4b352;font-size:34px;font-weight:400;letter-spacing:.04em}
.bag-panel .bag-cart-ornament{display:block;margin:12px 0 0;color:#d99b27;font-size:18px}
.bag-cart-empty{position:relative;margin-top:70px;text-align:center}
.bag-panel .bag-cart-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 28px;border:1px solid rgba(217,155,39,.7);border-radius:50%;color:#e4b352;font-size:31px;box-shadow:0 0 25px rgba(217,155,39,.09)}
.bag-cart-empty h3{margin:0 0 14px;font-size:24px;font-weight:400}
.bag-panel .bag-cart-empty p{margin:0 auto 34px;max-width:310px;color:#bdb5aa;font-size:17px;line-height:1.55}
.bag-cart-empty a{display:inline-flex;align-items:center;gap:22px;padding:14px 25px;border:1px solid #c58a27;color:#e4b352;text-decoration:none;font:13px/1 Arial,sans-serif;letter-spacing:.1em;transition:.28s}
.bag-cart-empty a:hover{background:#c58a27;color:#050505;box-shadow:0 0 26px rgba(217,155,39,.28)}
@media(max-width:700px){.bag-panel{padding:58px 28px 34px}.bag-cart-empty{margin-top:52px}.bag-panel h2{font-size:30px}}

/* Keine sichtbaren Rechtecke um die unsichtbaren Klickflächen der Shopgrafik */
.shop-stage .hotspot{-webkit-tap-highlight-color:transparent}
.shop-stage .hotspot:hover,.shop-stage .hotspot:focus,.shop-stage .hotspot:focus-visible,.shop-stage .hotspot:active{outline:none;box-shadow:none}
