/* ZISANO Zodiac Christmas — extracted CSS
   Source split for Divi performance.
   Keep this file loaded only on the Christmas/Zodiac page when possible. */

@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap");

/* ===== zz-production-bundle ===== */
.zz-page .zz-personal-hero{grid-template-columns:1fr;min-height:0}.zz-page .zz-personal-copy{min-height:500px;padding:64px clamp(28px,6vw,82px);background:radial-gradient(circle at 88% 15%,rgba(213,124,207,.20),transparent 28%),radial-gradient(circle at 72% 88%,rgba(245,208,233,.55),transparent 32%),linear-gradient(145deg,#fffdfa,#f5e9f4)}.zz-page .zz-personal-copy>p{max-width:760px}.zz-page .zz-personal-points{grid-template-columns:repeat(3,minmax(0,1fr));max-width:960px}.zz-page .zz-personal-point{align-items:flex-start;padding:14px;border-radius:16px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.82)}.zz-page .zz-builder-grid{grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);align-items:start}.zz-page .zz-live-config-panel{position:sticky;top:20px;display:grid;gap:13px;min-width:0}.zz-page .zz-photo-preview{position:relative;overflow:hidden;min-height:430px;border-radius:24px;background:#f6f5f4;border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(55,38,56,.13);isolation:isolate}.zz-page .zz-photo-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.78) contrast(1.03)}.zz-page .zz-photo-preview:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30% 72%,rgba(35,28,35,.05)),radial-gradient(circle at 50% 50%,transparent 0 35%,rgba(255,255,255,.08) 78%)}.zz-page .zz-photo-preview .zz-preview-chip{top:18px;right:18px;z-index:6;color:#4d474e;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(40,33,41,.10)}.zz-page .zz-photo-preview .zz-preview-caption{bottom:18px;z-index:6;color:#504951;background:rgba(255,255,255,.84);box-shadow:0 8px 24px rgba(40,33,41,.09)}.zz-page .zz-photo-engraving{position:absolute;left:50%;top:49.4%;z-index:5;min-width:210px;max-width:54%;padding:8px 12px;transform:translate(-50%,-50%) scaleY(.93);color:rgba(42,42,43,.72);font-family:var(--title-font);font-size:clamp(40px,5.1vw,66px);line-height:1;text-align:center;letter-spacing:.02em;white-space:nowrap;mix-blend-mode:multiply;filter:contrast(1.1) blur(.08px);text-shadow:0 -1px 0 rgba(15,15,16,.58),0 1px 0 rgba(255,255,255,.58),1px 0 0 rgba(255,255,255,.16),-1px 0 0 rgba(20,20,21,.16);opacity:.82;pointer-events:none}.zz-page .zz-photo-engraving:before{content:attr(data-engraving);position:absolute;inset:8px 12px;color:rgba(10,10,11,.21);transform:translateY(1.35px);filter:blur(.5px);text-shadow:none;z-index:-1}.zz-page .zz-photo-engraving:after{content:attr(data-engraving);position:absolute;inset:8px 12px;color:rgba(255,255,255,.24);transform:translateY(-.8px);filter:blur(.25px);z-index:-2}.zz-page .zz-photo-engraving.is-text{font-family:var(--body-font);font-size:clamp(15px,2vw,25px);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.zz-page .zz-engraving-zone{position:absolute;left:50%;top:49.4%;z-index:4;width:48%;height:23%;transform:translate(-50%,-50%);border:1px dashed rgba(42,40,43,.12);border-radius:14px;opacity:0;transition:opacity .2s ease;pointer-events:none}.zz-page .zz-photo-preview:hover .zz-engraving-zone{opacity:1}.zz-page .zz-builder-summary{padding:27px;border-radius:23px}.zz-page .zz-builder-summary h4{margin:8px 0 10px}.zz-page .zz-edition-world{position:relative;z-index:2;margin:18px 8px 0;padding:48px 38px;border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,239,247,.86));border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 55px rgba(84,35,90,.08)}.zz-page .zz-edition-head{display:grid;grid-template-columns:1fr .72fr;gap:36px;align-items:end;margin-bottom:28px}.zz-page .zz-edition-head h3,.zz-page .zz-process-copy h3{margin:9px 0 0;font-size:clamp(32px,4vw,53px);line-height:1.04;letter-spacing:-.05em}.zz-page .zz-edition-head p,.zz-page .zz-process-copy>p{margin:0;color:#756979;font-size:13px;line-height:1.72}.zz-page .zz-edition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.zz-page .zz-edition-card{position:relative;overflow:hidden;min-height:370px;padding:28px;border-radius:23px;background:rgba(255,255,255,.78);border:1px solid rgba(143,55,152,.09);box-shadow:0 14px 36px rgba(84,35,90,.06);transition:transform .25s ease,box-shadow .25s ease}.zz-page .zz-edition-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(84,35,90,.12)}.zz-page .zz-edition-card>span{display:block;margin-top:22px;color:#8b4292;font-size:9px;font-weight:900;letter-spacing:.13em}.zz-page .zz-edition-card h4{margin:10px 0 11px;font-size:27px;line-height:1.08;letter-spacing:-.04em}.zz-page .zz-edition-card p{margin:0;color:#716574;font-size:12px;line-height:1.68}.zz-page .zz-edition-visual{height:124px;border-radius:18px;display:grid;place-items:center;color:#3f3b40;background:linear-gradient(145deg,#e6e4e3,#bcbab9 48%,#efeeee);box-shadow:inset 0 1px 2px rgba(255,255,255,.8),inset 0 -3px 8px rgba(48,45,48,.15)}.zz-page .zz-edition-visual svg{width:76%;height:78%;overflow:visible}.zz-page .zz-edition-visual path{fill:none;stroke:rgba(35,34,36,.68);stroke-width:2}.zz-page .zz-edition-visual circle{fill:#4b484b;filter:drop-shadow(0 1px rgba(255,255,255,.6))}.zz-page .zz-family-symbols,.zz-page .zz-moon-sequence{display:flex;gap:20px;font-size:38px;text-shadow:0 -1px rgba(25,25,26,.42),0 1px rgba(255,255,255,.62)}.zz-page .zz-family-symbols i,.zz-page .zz-moon-sequence i,.zz-page .zz-seal-symbol i{font-style:normal}.zz-page .zz-seal-symbol i{width:78px;height:78px;border:2px solid rgba(42,40,43,.62);display:grid;place-items:center;font-size:47px;line-height:1;border-radius:9px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.25)}.zz-page .zz-edition-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.zz-page .zz-edition-tags b{padding:7px 9px;border-radius:999px;color:#7d3c84;background:#f3e7f2;font-size:8px;letter-spacing:.08em}.zz-page .zz-process-section{position:relative;z-index:2;margin:14px 8px 0;padding:45px 38px;display:grid;grid-template-columns:.76fr 1.24fr;gap:45px;border-radius:29px;color:#fff;background:radial-gradient(circle at 5% 0,rgba(205,91,199,.22),transparent 31%),linear-gradient(145deg,#392d3c,#241e27);box-shadow:0 20px 55px rgba(47,31,49,.20)}.zz-page .zz-process-copy .micro-label{color:#d497d3}.zz-page .zz-process-copy>p{margin-top:17px;color:rgba(255,255,255,.64)}.zz-page .zz-process-steps{display:grid;gap:9px}.zz-page .zz-process-step{padding:18px;border-radius:17px;display:grid;grid-template-columns:46px 1fr;gap:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.zz-page .zz-process-step>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#f0c6ed;background:rgba(210,113,205,.13);font-size:10px;letter-spacing:.08em}.zz-page .zz-process-step strong{font-size:14px}.zz-page .zz-process-step p{margin:5px 0 0;color:rgba(255,255,255,.60);font-size:10px;line-height:1.55}.zz-page .zz-campaign-banner{position:relative;z-index:2;overflow:hidden;margin:14px 8px 8px;padding:37px 38px;border-radius:27px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:radial-gradient(circle at 86% 22%,rgba(255,255,255,.22),transparent 26%),linear-gradient(115deg,#76277f,#a33daa 58%,#ce6ac8);color:#fff;box-shadow:0 20px 50px rgba(126,40,137,.22)}.zz-page .zz-campaign-banner span{font-size:9px;font-weight:900;letter-spacing:.15em;opacity:.74}.zz-page .zz-campaign-banner h3{margin:8px 0 8px;font-size:clamp(27px,3.4vw,43px);line-height:1.05;letter-spacing:-.045em}.zz-page .zz-campaign-banner p{max-width:760px;margin:0;color:rgba(255,255,255,.76);font-size:11px;line-height:1.65}.zz-page .zz-campaign-banner button{flex:0 0 auto;min-height:56px;padding:0 20px;border:1px solid rgba(255,255,255,.24);border-radius:17px;color:#76277f;background:#fff;font-weight:850;box-shadow:0 14px 34px rgba(58,18,63,.19);cursor:pointer;transition:.22s ease}.zz-page .zz-campaign-banner button:hover{transform:translateY(-2px)}.zz-page .zz-campaign-banner button i{margin-left:9px;font-style:normal}@media(max-width:1050px){.zz-page .zz-personal-points{grid-template-columns:1fr}.zz-page .zz-builder-grid{grid-template-columns:1fr}.zz-page .zz-live-config-panel{position:relative;top:auto}.zz-page .zz-photo-preview{min-height:440px}.zz-page .zz-edition-head,.zz-page .zz-process-section{grid-template-columns:1fr}.zz-page .zz-edition-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.zz-page .zz-personal-copy{min-height:0;padding:36px 22px}.zz-page .zz-photo-preview{min-height:310px;border-radius:18px}.zz-page .zz-photo-preview img{object-fit:cover}.zz-page .zz-photo-engraving{top:49%;min-width:130px;font-size:38px}.zz-page .zz-photo-engraving.is-text{font-size:14px;max-width:56%;white-space:normal}.zz-page .zz-engraving-zone{top:49%;width:54%;height:24%}.zz-page .zz-edition-world,.zz-page .zz-process-section{margin-left:0;margin-right:0;padding:29px 18px;border-radius:23px}.zz-page .zz-edition-head{display:block}.zz-page .zz-edition-head p{margin-top:14px}.zz-page .zz-edition-grid{grid-template-columns:1fr}.zz-page .zz-edition-card{min-height:0;padding:19px}.zz-page .zz-campaign-banner{margin-left:0;margin-right:0;padding:28px 20px;display:block}.zz-page .zz-campaign-banner button{width:100%;margin-top:20px}.zz-page .zz-family-symbols,.zz-page .zz-moon-sequence{gap:13px;font-size:31px}}.zz-page .zz-personal-section{padding-left:0 !important;padding-right:0 !important;overflow:visible !important;}.zz-page .zz-personal-section > .container{width:100% !important;max-width:none !important;margin:0 !important;padding:0 clamp(18px,3vw,52px) !important;}.zz-page .zz-personal-shell{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;}.zz-page .zz-personal-shell::before{content:none !important}.zz-page .zz-personal-hero,.zz-page .zz-personal-builder,.zz-page .zz-builder-summary,.zz-page .zz-product-choice,.zz-page .zz-campaign-banner{width:100% !important;max-width:1540px !important;margin-left:auto !important;margin-right:auto !important;}.zz-page .zz-personal-hero{border-radius:32px !important;box-shadow:0 25px 75px rgba(82,28,88,.11) !important;}.zz-page .zz-personal-builder{padding:30px 0 0 !important;overflow:visible !important;}.zz-page .zz-builder-grid{width:100% !important;grid-template-columns:minmax(350px,.78fr) minmax(560px,1.22fr) !important;gap:30px !important;overflow:visible !important;}.zz-page .zz-builder-card,.zz-page .zz-live-config-panel,.zz-page .zz-photo-preview{min-width:0 !important}.zz-page .zz-builder-summary{width:100% !important;margin-top:30px !important;padding:34px !important;display:grid !important;grid-template-columns:minmax(220px,.72fr) minmax(360px,1.18fr) minmax(230px,.62fr) !important;column-gap:28px !important;row-gap:14px !important;align-items:center !important;overflow:hidden !important;}.zz-page .zz-builder-summary > span,.zz-page .zz-builder-summary > h4,.zz-page .zz-builder-summary > p{grid-column:1 !important}.zz-page .zz-summary-list{grid-column:2 !important;grid-row:1 / span 4 !important;min-width:0 !important;}.zz-page .zz-order-button{grid-column:3 !important;grid-row:2 / span 2 !important;width:100% !important;min-width:0 !important;max-width:none !important;white-space:normal !important;line-height:1.25 !important;}.zz-page .zz-confirm-status{grid-column:3 !important;grid-row:4 !important;justify-self:stretch !important;min-width:0 !important;}.zz-page .zz-order-disclaimer{grid-column:1 !important;grid-row:5 !important;}.zz-page .zz-product-choice{width:100% !important;margin-top:30px !important;padding:38px !important;overflow:hidden !important;}.zz-page .zz-product-choice__head{grid-template-columns:minmax(0,1fr) minmax(190px,250px) !important;}.zz-page .zz-product-lock{min-width:0 !important}.zz-page .zz-product-slider-shell,.zz-page .zz-engraving-product-track{min-width:0 !important;max-width:100% !important}.zz-page .zz-campaign-banner{margin-top:18px !important;margin-bottom:0 !important}@media(max-width:1180px){.zz-page .zz-builder-grid{grid-template-columns:minmax(320px,.88fr) minmax(460px,1.12fr) !important;gap:22px !important}.zz-page .zz-builder-summary{grid-template-columns:minmax(210px,.72fr) minmax(330px,1.1fr) minmax(210px,.62fr) !important;gap:22px !important;padding:29px !important}}@media(max-width:980px){.zz-page .zz-personal-section > .container{padding:0 18px !important}.zz-page .zz-builder-grid{grid-template-columns:1fr !important}.zz-page .zz-live-config-panel{position:relative !important;top:auto !important}.zz-page .zz-builder-summary{grid-template-columns:1fr 1fr !important}.zz-page .zz-builder-summary > span,.zz-page .zz-builder-summary > h4,.zz-page .zz-builder-summary > p{grid-column:1 !important}.zz-page .zz-summary-list{grid-column:2 !important;grid-row:1 / span 4 !important}.zz-page .zz-order-button{grid-column:1 !important;grid-row:5 !important}.zz-page .zz-confirm-status{grid-column:2 !important;grid-row:5 !important}.zz-page .zz-order-disclaimer{grid-column:1 / -1 !important;grid-row:6 !important}}@media(max-width:700px){.zz-page .zz-personal-section > .container{padding:0 8px !important}.zz-page .zz-personal-hero{border-radius:24px !important}.zz-page .zz-builder-summary{display:block !important;padding:22px 17px !important}.zz-page .zz-summary-list{margin:17px 0 !important}.zz-page .zz-order-button{width:100% !important}.zz-page .zz-confirm-status{margin-top:10px !important}.zz-page .zz-product-choice{padding:23px 16px !important}.zz-page .zz-product-choice__head{display:block !important}}.zz-page{--purple:#9638a4;--purple-dark:#74277f;--ink:#2e2731;--muted:#706674;--cream:#fffaf7;--title-font:"Sora",Arial,sans-serif;--body-font:"Outfit",Arial,sans-serif;}.zz-page,.zz-page *{box-sizing:border-box}.zz-page{scroll-behavior:smooth}.zz-page{margin:0;color:var(--ink);font-family:var(--body-font);background:radial-gradient(circle at 12% 2%,rgba(242,194,224,.54),transparent 28%),radial-gradient(circle at 92% 8%,rgba(219,184,231,.45),transparent 30%),linear-gradient(180deg,#fffefd 0%,#fbf2f8 56%,#f8f2ef 100%);}.zz-page h1,.zz-page h2,.zz-page h3,.zz-page h4,.zz-page h5,.zz-page h6{font-family:var(--title-font);}.zz-page p,.zz-page a,.zz-page button,.zz-page input,.zz-page label,.zz-page small,.zz-page span,.zz-page blockquote{font-family:var(--body-font);}.zz-page a{color:inherit;text-decoration:none}.zz-page button,.zz-page input,.zz-page label{font:inherit}.zz-page .container{width:min(1180px,calc(100% - 28px));margin:auto}.zz-page .hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:68px 0 26px;isolation:isolate;}.zz-page .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.78),transparent 34%),radial-gradient(circle at 55% 77%,rgba(246,203,231,.52),transparent 31%);}.zz-page .hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.23;background-image:radial-gradient(circle,rgba(143,54,154,.5) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(220,170,216,.7) 0 1px,transparent 1.4px);background-size:90px 90px,128px 128px;background-position:0 0,35px 22px;mask-image:linear-gradient(#000,transparent 86%);}.zz-page .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:42px}.zz-page .eyebrow{width:max-content;font-family:var(--body-font);max-width:100%;padding:11px 16px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;color:var(--purple);font-size:11px;font-weight:850;letter-spacing:.14em;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.93);box-shadow:0 12px 28px rgba(98,39,103,.08);backdrop-filter:blur(12px);}.zz-page .zz-hero-title{width:max-content;max-width:100%;min-width:0;overflow:visible;}.zz-page h1{margin:22px 0 20px;font-family:var(--title-font);font-size:clamp(42px,5.2vw,72px);line-height:1.16;letter-spacing:-.055em;font-weight:800;padding-bottom:.14em;overflow:visible;}.zz-page .zz-hero-title__line{display:block;width:max-content;max-width:none;overflow:visible;white-space:nowrap;word-break:normal;overflow-wrap:normal;hyphens:none;font:inherit;line-height:inherit;}.zz-page .zz-hero-title__line--dark{color:var(--ink);}.zz-page .zz-hero-title__line--accent{padding:0 0 .16em;margin:0 0 -.12em;color:transparent;background:linear-gradient(100deg,#8c2f99,#ab43b4 55%,#c774c1);background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;}.zz-page .lead{max-width:620px;margin:0;color:var(--muted);font-size:17px;line-height:1.72}.zz-page .hero-actions{width:100%;margin-top:29px;display:grid;grid-template-columns:max-content minmax(220px,1fr);align-items:stretch;gap:14px;}.zz-page .primary-button{width:auto;min-width:0;min-height:56px;font-family:var(--body-font);padding:0 22px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:14px;font-weight:850;background:linear-gradient(135deg,#a53dae,#7f288c);box-shadow:0 18px 36px rgba(135,43,145,.25);}.zz-page .hero-actions > .primary-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(112deg,#ad45b6 0%,#91319d 48%,#74247f 100%);background-size:180% 100%;background-position:0 50%;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background-position .38s ease;}.zz-page .hero-actions > .primary-button::before{content:"";position:absolute;z-index:-1;top:-55%;left:-34%;width:28%;height:210%;opacity:0;transform:translateX(-150%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);transition:transform .55s cubic-bezier(.2,.75,.25,1),opacity .2s ease;pointer-events:none;}.zz-page .hero-actions > .primary-button:hover{transform:translateY(-3px);background-position:100% 50%;box-shadow:0 22px 42px rgba(135,43,145,.34),0 0 0 5px rgba(165,61,174,.075);}.zz-page .hero-actions > .primary-button:hover::before{opacity:1;transform:translateX(520%) rotate(18deg);}.zz-page .hero-actions > .primary-button:focus-visible{outline:3px solid rgba(150,56,164,.24);outline-offset:4px;transform:translateY(-2px);}.zz-page .hero-actions > .primary-button:active{transform:translateY(0) scale(.985);box-shadow:0 12px 24px rgba(135,43,145,.23);}.zz-page .gift-note{width:auto;min-width:0;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:17px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(95,39,101,.08);}.zz-page .gift-note i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--purple);background:rgba(162,57,172,.1);font-style:normal}.zz-page .gift-note strong,.zz-page .gift-note small{display:block}.zz-page .gift-note strong{font-size:12px}.zz-page .gift-note small{margin-top:3px;color:#7e7282;font-size:10px}.zz-page .astro-wrap{display:grid;place-items:center}.zz-page .astro-clock{position:relative;width:min(560px,42vw);aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 35px 50px rgba(93,35,99,.18))}.zz-page .clock-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0 31%,rgba(228,190,224,.31) 58%,transparent 72%)}.zz-page .ring{position:absolute;border-radius:50%;border:1px solid rgba(129,48,138,.17)}.zz-page .ring.outer{inset:1%;border-style:dashed;animation:spin 34s linear infinite}.zz-page .ring.middle{inset:10%;box-shadow:inset 0 0 45px rgba(255,255,255,.62)}.zz-page .ring.inner{inset:29%;border-style:dashed;animation:reverseSpin 19s linear infinite}.zz-page .clock-ticks{position:absolute;inset:17%;border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(118,43,127,.21) 0 1deg,transparent 1deg 14deg);mask-image:radial-gradient(circle,transparent 0 72%,#000 73%);animation:spin 60s linear infinite;}.zz-page .clock-spokes{position:absolute;inset:10%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(128,47,138,.12) 0 .5deg,transparent .5deg 30deg);mask-image:radial-gradient(circle,transparent 0 34%,#000 35% 92%,transparent 93%);}.zz-page .clock-hand{position:absolute;left:50%;top:50%;width:2px;height:34%;transform-origin:50% 0;background:linear-gradient(to bottom,rgba(139,51,149,.55),transparent);animation:hand 18s linear infinite;}.zz-page .clock-hand.second{height:40%;opacity:.43;animation-duration:11s}.zz-page .zodiac-icon{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;display:grid;place-items:center;border-radius:50%;color:#8f3699;font-size:24px;font-weight:700;background:rgba(255,255,255,.78);border:1px solid rgba(151,60,160,.13);box-shadow:0 12px 26px rgba(86,31,91,.08);backdrop-filter:blur(10px);transform:rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * min(220px,17vw))) rotate(calc(var(--i) * -30deg));z-index:4;}.zz-page .clock-center{position:absolute;inset:34%;z-index:5;padding:0;overflow:hidden;display:grid;place-items:center;border-radius:50%;color:#fff;text-align:center;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.28),transparent 43%),linear-gradient(145deg,#b752bb,#8d3299 68%,#70237d);border:1px solid rgba(255,255,255,.42);box-shadow:0 22px 48px rgba(111,34,118,.25),inset 0 0 28px rgba(255,255,255,.11);animation:centerPulse 4s ease-in-out infinite;}.zz-page .clock-center-content{position:absolute;inset:0;width:100%;height:100%;padding:15%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;transform:translateY(-1px);}.zz-page .clock-center .clock-star{display:block;width:100%;margin:0 0 9px;font-size:24px;line-height:1;}.zz-page .clock-center small{display:block;width:100%;margin:0 0 5px;font-size:9px;line-height:1;letter-spacing:.24em;text-indent:.24em;}.zz-page .clock-center strong{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--title-font);font-size:18px;line-height:.92;font-weight:700;letter-spacing:.035em;text-align:center;}.zz-page .clock-center strong b{display:block;width:100%;font:inherit;line-height:inherit;text-align:center;}.zz-page .clock-center strong b + b{margin-top:6px;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reverseSpin{to{transform:rotate(-360deg)}}@keyframes hand{to{transform:rotate(360deg)}}@keyframes centerPulse{50%{transform:scale(1.025)}}.zz-page .finder{padding:24px 0 6px}.zz-page .section-head{max-width:780px;margin-bottom:29px}.zz-page .kicker,.zz-page .micro-label{font-family:var(--body-font);font-size:10px;font-weight:900;letter-spacing:.16em;color:#8d4b94}.zz-page .section-head h2{margin:12px 0;font-family:var(--title-font);font-size:clamp(38px,4.8vw,62px);line-height:1.03;letter-spacing:-.045em;font-weight:700;}.zz-page .section-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.7}.zz-page .zodiac-radio{position:absolute;opacity:0;pointer-events:none}.zz-page .sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.zz-page .sign-card{min-height:110px;padding:18px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border-radius:20px;cursor:pointer;background:rgba(255,255,255,.7);border:1px solid rgba(146,58,155,.1);box-shadow:0 12px 32px rgba(87,34,92,.05);transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease,color .22s ease;-webkit-tap-highlight-color:transparent;}.zz-page .sign-card:hover{color:#fff;transform:translateY(-3px);background:radial-gradient(circle at 88% 2%,rgba(255,255,255,.18),transparent 34%),linear-gradient(140deg,#bd65c3,#a044ad 62%,#893394);border-color:rgba(133,42,144,.18);box-shadow:0 18px 38px rgba(87,34,92,.16);}.zz-page .sign-symbol{font-size:26px;color:var(--purple)}.zz-page .sign-copy strong,.zz-page .sign-copy small{display:block}.zz-page .sign-copy strong{font-size:15px}.zz-page .sign-copy small{margin-top:4px;color:#817584;font-size:10px}.zz-page .sign-arrow{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;opacity:1;background:none;border:0;box-shadow:none;transition:transform .28s cubic-bezier(.2,.8,.2,1);}.zz-page .sign-arrow::after{content:none;}.zz-page .sign-arrow::before{content:"";width:12px;height:12px;display:block;border-right:3px solid var(--purple);border-bottom:3px solid var(--purple);transform:rotate(-45deg);transform-origin:center;line-height:0;font-size:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .2s ease;}.zz-page .sign-card:hover .sign-arrow{transform:translateX(5px);}.zz-page .sign-card:hover .sign-arrow::before{border-color:#fff;transform:rotate(-45deg) scale(1.08);}.zz-page .sign-card:hover .sign-symbol,.zz-page .sign-card:hover .sign-copy strong,.zz-page .sign-card:hover .sign-copy small{color:#fff;}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische{color:#fff;background:radial-gradient(circle at 88% 2%,rgba(255,255,255,.20),transparent 34%),linear-gradient(140deg,#b24bb8,#91339f 62%,#7a2887);border-color:rgba(125,35,137,.20);box-shadow:0 18px 40px rgba(128,40,138,.22);}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-symbol,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-symbol,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-symbol,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-symbol,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-symbol,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-symbol,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-symbol,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-symbol,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-symbol,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-symbol,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-symbol,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-symbol,.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-copy strong,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-copy strong,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-copy strong,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-copy strong,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-copy strong,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-copy strong,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-copy strong,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-copy strong,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-copy strong,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-copy strong,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-copy strong,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-copy strong,.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-copy small,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-copy small,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-copy small,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-copy small,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-copy small,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-copy small,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-copy small,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-copy small,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-copy small,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-copy small,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-copy small,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-copy small{color:#fff;}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-copy small,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-copy small,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-copy small,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-copy small,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-copy small,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-copy small,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-copy small,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-copy small,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-copy small,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-copy small,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-copy small,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-copy small{opacity:.82;}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-arrow::before,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-arrow::before,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-arrow::before,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-arrow::before,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-arrow::before,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-arrow::before,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-arrow::before,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-arrow::before,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-arrow::before,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-arrow::before,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-arrow::before,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-arrow::before{border-color:#fff;}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-arrow,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-arrow,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-arrow,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-arrow,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-arrow,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-arrow,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-arrow,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-arrow,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-arrow,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-arrow,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-arrow,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-arrow{transform:translateX(2px);}.zz-page .profiles{margin-top:22px}.zz-page .profile-panel{display:none;padding:14px;border-radius:30px;background:radial-gradient(circle at 12% 0,var(--accent-light),transparent 28%),radial-gradient(circle at 92% 38%,rgba(213,184,226,.3),transparent 34%),linear-gradient(145deg,#fffdfb,#f6edf4 58%,#eee2ef);border:1px solid rgba(255,255,255,.93);box-shadow:0 24px 70px rgba(94,39,101,.16);animation:panelIn .32s ease;}.zz-page #zodiac-widder:checked ~ .profiles .profile-panel--widder{display:block}.zz-page #zodiac-stier:checked ~ .profiles .profile-panel--stier{display:block}.zz-page #zodiac-zwillinge:checked ~ .profiles .profile-panel--zwillinge{display:block}.zz-page #zodiac-krebs:checked ~ .profiles .profile-panel--krebs{display:block}.zz-page #zodiac-loewe:checked ~ .profiles .profile-panel--loewe{display:block}.zz-page #zodiac-jungfrau:checked ~ .profiles .profile-panel--jungfrau{display:block}.zz-page #zodiac-waage:checked ~ .profiles .profile-panel--waage{display:block}.zz-page #zodiac-skorpion:checked ~ .profiles .profile-panel--skorpion{display:block}.zz-page #zodiac-schuetze:checked ~ .profiles .profile-panel--schuetze{display:block}.zz-page #zodiac-steinbock:checked ~ .profiles .profile-panel--steinbock{display:block}.zz-page #zodiac-wassermann:checked ~ .profiles .profile-panel--wassermann{display:block}.zz-page #zodiac-fische:checked ~ .profiles .profile-panel--fische{display:block}@keyframes panelIn{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}.zz-page .profile-head{padding:28px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:26px}.zz-page .identity{display:flex;align-items:center;gap:18px}.zz-page .identity-symbol{width:92px;height:92px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:var(--accent-dark);font-size:50px;background:rgba(255,255,255,.7);border:1px solid rgba(145,52,153,.11);box-shadow:0 14px 35px rgba(92,36,97,.09);}.zz-page .identity h3{margin:8px 0 4px;font-family:var(--title-font);font-size:48px;line-height:1;letter-spacing:-.04em;font-weight:700;}.zz-page .identity p{margin:0;color:var(--muted);font-size:12px}.zz-page .quote{padding-left:24px;border-left:1px solid rgba(134,52,142,.12)}.zz-page .quote blockquote{margin:9px 0 0;font-family:var(--title-font);font-size:25px;line-height:1.28;font-weight:600;letter-spacing:-.03em;}.zz-page .profile-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.zz-page .glass{border-radius:22px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.94);box-shadow:0 12px 30px rgba(84,35,90,.05)}.zz-page .personality{padding:32px}.zz-page .personality h4,.zz-page .palette-card h4,.zz-page .product-copy h4{margin:12px 0 15px;font-family:var(--title-font);font-size:32px;line-height:1.12;letter-spacing:-.04em;font-weight:700;}.zz-page .personality p{margin:0 0 14px;color:#6b606e;font-size:14px;line-height:1.72}.zz-page .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.zz-page .tag-row span{padding:8px 11px;border-radius:999px;color:var(--accent-dark);font-size:10px;font-weight:800;background:var(--accent-light)}.zz-page .detail-stack{display:grid;gap:12px}.zz-page .detail-card{padding:22px}.zz-page .detail-main{display:flex;gap:14px;margin-top:14px}.zz-page .detail-icon{width:46px;height:46px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;color:var(--accent-dark);font-size:23px;background:var(--accent-light)}.zz-page .detail-card strong{display:block;font-size:18px}.zz-page .detail-card p{margin:6px 0 0;color:#756979;font-size:11px;line-height:1.55}.zz-page .palette-card{margin-top:12px;padding:28px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:28px}.zz-page .palette-card h4{font-size:29px}.zz-page .palette-copy p{margin:0;color:#736777;font-size:13px;line-height:1.62}.zz-page .palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.zz-page .swatch i{display:block;height:82px;border-radius:16px;box-shadow:inset 0 1px rgba(255,255,255,.5),0 12px 26px rgba(72,29,76,.08)}.zz-page .swatch small{display:block;margin-top:8px;color:#6e6271;font-size:9px;text-align:center}.zz-page .product-card{margin-top:12px;padding:10px;display:grid;grid-template-columns:.88fr 1.12fr;gap:10px;border-radius:24px;background:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(84,35,89,.07);}.zz-page .product-stage{position:relative;min-height:360px;overflow:hidden;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.8) 0 24%,transparent 25%),linear-gradient(145deg,var(--accent-light),#e8d8ea);}.zz-page .product-stage::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(112,43,120,.13)}.zz-page .product-orbit{position:absolute;inset:24%;border-radius:50%;border:1px dashed rgba(112,43,120,.15);animation:spin 18s linear infinite}.zz-page .product-band{position:relative;z-index:2;width:66%;aspect-ratio:1.7;border-radius:999px;display:grid;place-items:center;transform:rotate(-12deg);background:linear-gradient(145deg,var(--accent),var(--accent-dark));box-shadow:0 24px 40px rgba(64,22,68,.2);}.zz-page .product-band span{color:#fff;font-size:14px;font-weight:900;letter-spacing:.15em}.zz-page .product-copy{padding:34px;display:flex;flex-direction:column;justify-content:center}.zz-page .product-copy p{margin:0;color:#6f6373;font-size:13px;line-height:1.67}.zz-page .score{margin:22px 0}.zz-page .score>div{display:flex;justify-content:space-between;align-items:center;color:#867789;font-size:10px;font-weight:900;letter-spacing:.13em}.zz-page .score strong{color:var(--accent-dark);font-size:17px;letter-spacing:0}.zz-page .score>i{display:block;height:7px;margin-top:8px;border-radius:999px;overflow:hidden;background:rgba(107,43,114,.09)}.zz-page .score>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dark),var(--accent))}.zz-page .product-copy .primary-button{align-self:flex-start}.zz-page .disclaimer{padding:8px 0 28px;color:#8c818f;text-align:center;font-size:9px;line-height:1.55}@media(max-width:900px){.zz-page .hero{min-height:auto}.zz-page .hero-grid{grid-template-columns:1fr}.zz-page .astro-clock{width:min(560px,88vw)}.zz-page .zodiac-icon{transform:rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * min(220px,34vw))) rotate(calc(var(--i) * -30deg))}.zz-page .sign-grid{grid-template-columns:repeat(2,1fr)}.zz-page .profile-grid{grid-template-columns:1fr}.zz-page .detail-stack{grid-template-columns:repeat(3,1fr)}.zz-page .product-card{grid-template-columns:1fr}}@media(max-width:560px){.zz-page .container{width:min(100% - 18px,1180px)}.zz-page .hero{padding:40px 0 22px}.zz-page .hero-grid{gap:26px}.zz-page .eyebrow{font-size:9px;padding:10px 13px}.zz-page h1{font-size:clamp(32px,9.6vw,42px);line-height:1.18;letter-spacing:-.055em;font-weight:800;padding-bottom:.16em;}.zz-page .lead{font-size:14px}.zz-page .hero-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;gap:8px;}.zz-page .hero-actions > .primary-button,.zz-page .hero-actions > .gift-note{width:100%;min-width:0;}.zz-page .hero-actions > .primary-button{min-height:62px;padding:0 11px;gap:7px;font-size:10.5px;line-height:1.18;text-align:center;}.zz-page .hero-actions > .gift-note{min-height:62px;padding:8px 9px;gap:7px;}.zz-page .hero-actions > .gift-note i{width:30px;height:30px;flex:0 0 30px;font-size:12px;}.zz-page .hero-actions > .gift-note strong{font-size:9.5px;line-height:1.15;}.zz-page .hero-actions > .gift-note small{margin-top:2px;font-size:7.8px;line-height:1.2;}.zz-page .astro-clock{width:94vw;max-width:420px}.zz-page .zodiac-icon{width:36px;height:36px;margin:-18px;font-size:20px;transform:rotate(calc(var(--i) * 30deg)) translateY(calc(-1 * min(177px,39vw))) rotate(calc(var(--i) * -30deg));}.zz-page .clock-center{inset:35%}.zz-page .clock-center .clock-star{font-size:19px;margin-bottom:7px}.zz-page .clock-center small{font-size:7px;margin-bottom:4px}.zz-page .clock-center strong{font-size:14px;line-height:.9}.zz-page .clock-center strong b + b{margin-top:5px}.zz-page .finder{padding:20px 0 4px}.zz-page .section-head h2{font-size:39px;line-height:1.05;}.zz-page .sign-grid{display:flex;overflow-x:auto;gap:10px;padding:2px 1px 13px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}.zz-page .sign-grid::-webkit-scrollbar{display:none}.zz-page .sign-card{min-width:250px;flex:0 0 250px;min-height:86px;scroll-snap-align:start}.zz-page .sign-arrow{width:36px;height:36px;flex-basis:36px}.zz-page .profile-panel{padding:8px;border-radius:24px}.zz-page .profile-head{padding:22px 16px;grid-template-columns:1fr}.zz-page .identity-symbol{width:72px;height:72px;font-size:39px}.zz-page .identity h3{font-size:36px;line-height:1;}.zz-page .quote{padding:18px 0 0;border-left:0;border-top:1px solid rgba(134,52,142,.12)}.zz-page .quote blockquote{font-size:21px;line-height:1.28;}.zz-page .personality{padding:24px 18px}.zz-page .personality h4{font-size:27px;line-height:1.15;}.zz-page .detail-stack{grid-template-columns:1fr}.zz-page .palette-card{padding:22px 18px;grid-template-columns:1fr}.zz-page .palette{grid-template-columns:repeat(2,1fr)}.zz-page .product-stage{min-height:270px}.zz-page .product-copy{padding:26px 18px}.zz-page .product-copy h4{font-size:28px;line-height:1.14;}.zz-page .product-copy .primary-button{width:100%}}@media(max-width:560px){.zz-page .zz-celestial-orbit{width:78%;height:78%;margin:-39% 0 0 -39%}.zz-page .zz-celestial-orbit--planet{width:61%;height:61%;margin:-30.5% 0 0 -30.5%}.zz-page .zz-celestial-body{width:38px;height:38px;margin-left:-19px;top:-19px}.zz-page .zz-celestial-body--planet{width:32px;height:32px;margin-left:-16px;top:-16px}}@media(prefers-reduced-motion:reduce){.zz-page,.zz-page *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}html:has(.zz-page),body:has(.zz-page){width:100% !important;height:auto !important;min-height:100% !important;max-height:none !important;overflow-y:auto !important;position:static !important;touch-action:auto !important;overscroll-behavior:auto !important;-webkit-overflow-scrolling:touch;}body:has(.zz-page) #page,body:has(.zz-page) .site,body:has(.zz-page) .site-content,body:has(.zz-page) .content-area,body:has(.zz-page) main,body:has(.zz-page) .wp-site-blocks,body:has(.zz-page) .entry-content,body:has(.zz-page) .elementor,body:has(.zz-page) .elementor-inner,body:has(.zz-page) .elementor-section-wrap,body:has(.zz-page) .elementor-widget-wrap,body:has(.zz-page) .elementor-widget-container{height:auto !important;min-height:0 !important;max-height:none !important;overflow-y:visible !important;}.zz-page{position:relative;display:block;width:100%;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;touch-action:auto !important;overscroll-behavior:auto !important;isolation:isolate;}.zz-page .hero::before,.zz-page .hero::after,.zz-page .astro-wrap,.zz-page .astro-clock,.zz-page .astro-clock *,.zz-page .product-orbit{pointer-events:none !important;user-select:none;-webkit-user-select:none;}.zz-page .product-orbit{animation:none !important;}.zz-page .astro-clock{filter:none !important;contain:none !important;}.zz-page .eyebrow,.zz-page .zodiac-icon{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;}.zz-page .hero::after,.zz-page .clock-ticks,.zz-page .clock-spokes{-webkit-mask-image:none !important;mask-image:none !important;}.zz-page .hero{min-height:auto !important;}.zz-page .profile-panel,.zz-page .product-stage{contain:none !important;}.zz-page .sign-grid{touch-action:auto !important;overscroll-behavior:auto !important;scroll-snap-type:none !important;}.zz-page .sign-card{touch-action:auto !important;}@media(max-width:900px){.zz-page .astro-clock{filter:none !important;contain:none !important;}}@supports not selector(body:has(.zz-page)){html,body{height:auto !important;max-height:none !important;overflow-y:auto !important;}}.zz-page .zz-product-recommendations{margin-top:12px;padding:28px;border-radius:24px;background:radial-gradient(circle at 7% 0,var(--accent-light),transparent 30%),rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(84,35,89,.07);}.zz-page .zz-product-recommendations__head{max-width:760px;margin-bottom:22px;}.zz-page .zz-product-recommendations__head h4{margin:10px 0 10px;font-family:var(--title-font);font-size:clamp(28px,3.2vw,42px);line-height:1.12;letter-spacing:-.04em;font-weight:700;}.zz-page .zz-product-recommendations__head p{margin:0;color:#6f6373;font-size:14px;line-height:1.7;}.zz-page .zz-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;}.zz-page .zz-product-grid[data-count="1"]{grid-template-columns:1fr;}.zz-page .zz-shop-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border-radius:21px;background:rgba(255,255,255,.92);border:1px solid rgba(134,52,142,.10);box-shadow:0 12px 30px rgba(84,35,90,.06);transition:transform .22s ease,box-shadow .22s ease;}.zz-page .zz-shop-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(84,35,90,.11);}.zz-page .zz-product-grid[data-count="1"] .zz-shop-card{display:grid;grid-template-columns:minmax(270px,.88fr) minmax(0,1.12fr);}.zz-page .zz-shop-card__media{position:relative;min-height:260px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96) 0 24%,transparent 25%),linear-gradient(145deg,var(--accent-light),#eaddea);}.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__media{min-height:360px;}.zz-page .zz-shop-card__media::after{content:"";position:absolute;inset:10%;border-radius:50%;border:1px solid rgba(112,43,120,.10);pointer-events:none;}.zz-page .zz-shop-card__media img{position:relative;z-index:2;width:84%;height:84%;object-fit:contain;object-position:center;transform:scale(1.01);transition:transform .35s cubic-bezier(.2,.8,.2,1);}.zz-page .zz-shop-card:hover .zz-shop-card__media img{transform:scale(1.045);}.zz-page .zz-shop-card__content{min-width:0;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__content{padding:34px;}.zz-page .zz-shop-card__badge{margin-bottom:12px;padding:7px 10px;border-radius:999px;color:var(--accent-dark);background:var(--accent-light);font-family:var(--body-font);font-size:9px;line-height:1;font-weight:800;letter-spacing:.13em;}.zz-page .zz-shop-card h5{margin:0;color:var(--ink);font-family:var(--title-font);font-size:clamp(21px,2.2vw,31px);line-height:1.15;letter-spacing:-.035em;font-weight:700;}.zz-page .zz-shop-card__price{min-height:28px;margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;color:var(--accent-dark);font-family:var(--body-font);font-size:20px;line-height:1.2;font-weight:700;}.zz-page .zz-shop-card__price del{color:#978b99;font-size:13px;font-weight:500;}.zz-page .zz-shop-card__stock{margin:8px 0 18px;color:#6f6373;font-size:11px;font-weight:600;}.zz-page .zz-shop-card__stock.is-out{color:#9b4054;}.zz-page .zz-shop-card__button{width:auto;min-height:50px;margin-top:auto;padding:0 19px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:linear-gradient(135deg,#a53dae,#7f288c);box-shadow:0 14px 28px rgba(135,43,145,.20);font-family:var(--body-font);font-size:13px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease;}.zz-page .zz-shop-card__button:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(135,43,145,.27);}.zz-page .zz-shop-card__button i{width:8px;height:8px;display:block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);}.zz-page .zz-product-loading,.zz-page .zz-product-error{padding:24px;border-radius:18px;color:#756979;background:rgba(255,255,255,.75);font-size:13px;text-align:center;}.zz-page .zz-product-error{color:#8f4355;}@media(max-width:720px){.zz-page .zz-product-recommendations{padding:18px;}.zz-page .zz-product-grid,.zz-page .zz-product-grid[data-count="1"]{grid-template-columns:1fr;}.zz-page .zz-product-grid[data-count="1"] .zz-shop-card{display:flex;}.zz-page .zz-shop-card__media,.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__media{min-height:260px;}.zz-page .zz-shop-card__content,.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__content{padding:22px 18px;}.zz-page .zz-shop-card__button{width:100%;}}.zz-page .zz-shop-card__media{min-height:320px;height:100%;padding:0;border-radius:20px 0 0 20px;background:#f4edf4;}.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__media{min-height:390px;}.zz-page .zz-shop-card__media::after{content:none !important;}.zz-page .zz-shop-card__media img{position:absolute;inset:0;z-index:1;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border-radius:20px 0 0 20px;transform:scale(1.001);}.zz-page .zz-shop-card:hover .zz-shop-card__media img{transform:scale(1.035);}.zz-page .zz-shop-card__content{position:relative;isolation:isolate;overflow:hidden;min-height:320px;background:radial-gradient(circle at 86% 16%,rgba(179,88,187,.16),transparent 26%),radial-gradient(circle at 72% 84%,rgba(242,207,231,.42),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.97),rgba(250,242,249,.94));}.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__content{min-height:390px;}.zz-page .zz-shop-card__content::before{content:"";position:absolute;z-index:-2;width:330px;height:330px;right:-142px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(139,51,149,.13);box-shadow:0 0 0 34px rgba(139,51,149,.045),0 0 0 68px rgba(139,51,149,.032);pointer-events:none;}.zz-page .zz-shop-card__content::after{content:"";position:absolute;z-index:-3;inset:0;opacity:.52;background:linear-gradient(118deg,transparent 0 66%,rgba(139,51,149,.09) 66.2% 66.55%,transparent 66.8%),linear-gradient(24deg,transparent 0 78%,rgba(139,51,149,.07) 78.2% 78.55%,transparent 78.8%),radial-gradient(circle at 80% 24%,rgba(139,51,149,.22) 0 1.5px,transparent 2px),radial-gradient(circle at 92% 50%,rgba(139,51,149,.18) 0 1.5px,transparent 2px),radial-gradient(circle at 72% 75%,rgba(139,51,149,.20) 0 1.5px,transparent 2px);pointer-events:none;}.zz-page .zz-shop-card__content > *:not(.zz-card-zodiac){position:relative;z-index:2;}.zz-page .zz-card-zodiac{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none;}.zz-page .zz-card-zodiac__symbol{position:absolute;top:22px;right:28px;color:rgba(139,51,149,.16);font-family:var(--title-font);font-size:76px;line-height:1;font-weight:600;transform-origin:50% 180%;animation:zzZodiacFloat 7.5s ease-in-out infinite !important;}.zz-page .zz-card-zodiac__star{position:absolute;right:112px;top:112px;color:rgba(150,56,164,.38);font-size:17px;line-height:1;animation:zzZodiacPulse 3.2s ease-in-out infinite !important;}.zz-page .zz-card-zodiac__star--small{right:54px;top:auto;bottom:42px;font-size:10px;animation-delay:-1.2s !important;}.zz-page .zz-card-zodiac__orbit{position:absolute;width:126px;height:126px;right:5px;top:92px;border-radius:50%;border:1px dashed rgba(139,51,149,.13);animation:zzZodiacOrbit 22s linear infinite !important;}.zz-page .clock-hand,.zz-page .clock-hand.second{display:block !important;z-index:3;left:calc(50% - 1px);top:50%;width:2px;border-radius:999px;opacity:.72;transform-origin:50% 0;background:linear-gradient(to bottom,rgba(255,255,255,.86) 0 4%,rgba(150,56,164,.62) 5% 54%,rgba(150,56,164,0) 100%);box-shadow:0 0 12px rgba(150,56,164,.12);will-change:transform;}.zz-page .clock-hand{height:31%;animation:zzElegantHand 26s linear infinite !important;}.zz-page .clock-hand.second{height:39%;width:1px;opacity:.48;background:linear-gradient(to bottom,rgba(255,255,255,.74) 0 3%,rgba(199,116,193,.58) 4% 48%,rgba(199,116,193,0) 100%);animation:zzElegantHandReverse 41s linear infinite !important;}.zz-page .clock-hand::after,.zz-page .clock-hand.second::after{content:"";position:absolute;left:50%;bottom:7%;width:7px;height:7px;border-radius:50%;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 4px rgba(150,56,164,.10),0 0 16px rgba(150,56,164,.34);}.zz-page .clock-hand.second::after{width:5px;height:5px;box-shadow:0 0 0 3px rgba(199,116,193,.09),0 0 12px rgba(199,116,193,.30);}@keyframes zzElegantHand{from{transform:rotate(18deg)}to{transform:rotate(378deg)}}@keyframes zzElegantHandReverse{from{transform:rotate(292deg)}to{transform:rotate(-68deg)}}@keyframes zzZodiacFloat{0%,100%{transform:translate3d(0,0,0) rotate(-4deg);opacity:.72}50%{transform:translate3d(-7px,8px,0) rotate(4deg);opacity:1}}@keyframes zzZodiacPulse{0%,100%{transform:scale(.8) rotate(0deg);opacity:.28}50%{transform:scale(1.22) rotate(90deg);opacity:.72}}@keyframes zzZodiacOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width:720px){.zz-page .zz-shop-card__media,.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__media{min-height:300px;height:300px;border-radius:20px 20px 0 0;}.zz-page .zz-shop-card__media img{border-radius:20px 20px 0 0;}.zz-page .zz-shop-card__content,.zz-page .zz-product-grid[data-count="1"] .zz-shop-card__content{min-height:0;}.zz-page .zz-card-zodiac__symbol{top:18px;right:18px;font-size:62px;}.zz-page .zz-card-zodiac__orbit{right:-18px;top:72px;}.zz-page .zz-card-zodiac__orbit,.zz-page .zz-card-zodiac__star{animation:none !important;}.zz-page .clock-hand{animation-duration:34s !important;}.zz-page .clock-hand.second{animation-duration:52s !important;}}@media(prefers-reduced-motion:reduce){.zz-page .clock-hand,.zz-page .clock-hand.second,.zz-page .zz-card-zodiac__symbol,.zz-page .zz-card-zodiac__star,.zz-page .zz-card-zodiac__orbit{animation:none !important;}}@media(max-width:360px){.zz-page h1{font-size:30px;letter-spacing:-.06em;}}@media(max-width:380px){.zz-page .hero-actions{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:6px;}.zz-page .hero-actions > .primary-button{padding:0 8px;font-size:9.5px;}.zz-page .hero-actions > .gift-note{padding:7px;}.zz-page .hero-actions > .gift-note i{width:26px;height:26px;flex-basis:26px;}.zz-page .hero-actions > .gift-note strong{font-size:8.8px;}.zz-page .hero-actions > .gift-note small{font-size:7.2px;}}.zz-page .sign-arrow > i,.zz-page .sign-arrow > i::before,.zz-page .sign-arrow > i::after{display:none !important;content:none !important;}@media(max-width:560px){.zz-page .zz-hero-title{width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center;}.zz-page .zz-hero-title__line{margin-left:auto;margin-right:auto;text-align:center;}.zz-page .zz-hero-title__line--accent{margin-left:auto;margin-right:auto;margin-bottom:-.13em;}}.zz-page .profiles{margin-bottom:0;}.zz-page .profile-panel{margin-bottom:0;}.zz-page .zz-product-recommendations{margin-bottom:0;}.zz-page .finder + .disclaimer{margin-top:0;}.zz-page .astro-wrap{position:relative;width:100%;min-width:0;min-height:min(650px,52vw);display:grid;place-items:center;perspective:1200px;isolation:isolate;overflow:visible;border-radius:0;pointer-events:auto !important;touch-action:auto !important;}@media(min-width:901px){.zz-page .astro-wrap{place-items:center start;overflow:visible !important;}.zz-page .astro-scene{margin-left:0;transform-origin:center center;}}.zz-page .astro-wrap::before,.zz-page .astro-wrap::after{content:"";position:absolute;pointer-events:none;border-radius:50%;}.zz-page .astro-wrap::before{width:88%;aspect-ratio:1;background:radial-gradient(circle at 52% 48%,rgba(255,255,255,.82) 0 21%,rgba(244,216,240,.48) 40%,rgba(181,97,190,.11) 61%,transparent 73%);filter:blur(3px);transform:translate3d(var(--mx,0px),var(--my,0px),-20px);}.zz-page .astro-wrap::after{width:54%;aspect-ratio:1;box-shadow:0 0 90px rgba(160,62,171,.20),0 0 170px rgba(217,158,211,.18);animation:zzCosmicBreathe 6.8s ease-in-out infinite !important;}.zz-page .astro-scene{--rx:0deg;--ry:0deg;--mx:0px;--my:0px;position:relative;width:min(620px,46vw);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) translate3d(var(--mx),var(--my),0);transition:transform .65s cubic-bezier(.2,.75,.2,1);will-change:transform;}.zz-page .astro-canvas{position:absolute;z-index:0;inset:-5%;width:110%;height:110%;opacity:.72;pointer-events:none;}.zz-page .cosmos-haze{position:absolute;z-index:0;border-radius:50%;filter:blur(30px);mix-blend-mode:multiply;pointer-events:none;}.zz-page .cosmos-haze--one{width:42%;height:42%;left:6%;top:10%;background:rgba(196,111,193,.17);animation:zzHazeDriftOne 11s ease-in-out infinite alternate !important;}.zz-page .cosmos-haze--two{width:36%;height:36%;right:4%;bottom:8%;background:rgba(123,50,143,.13);animation:zzHazeDriftTwo 13s ease-in-out infinite alternate !important;}.zz-page .cosmic-lens{position:absolute;z-index:1;inset:7%;border-radius:50%;background:conic-gradient(from 185deg,transparent 0 18%,rgba(255,255,255,.34) 21%,transparent 25% 58%,rgba(177,78,184,.14) 63%,transparent 69%),radial-gradient(circle at 50% 50%,transparent 0 61%,rgba(147,54,158,.08) 61.4% 61.9%,transparent 62.2%);opacity:.72;filter:blur(.2px);animation:zzLensTurn 36s linear infinite !important;pointer-events:none;}.zz-page .constellation-map{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;color:#9638a4;opacity:.42;pointer-events:none;}.zz-page .constellation path{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:3 8;vector-effect:non-scaling-stroke;animation:zzConstellationTravel 18s linear infinite !important;}.zz-page .constellation circle{fill:#fff;stroke:rgba(150,56,164,.58);stroke-width:1.2;filter:drop-shadow(0 0 4px rgba(150,56,164,.55));animation:zzStarPulse 3.7s ease-in-out infinite !important;}.zz-page .constellation--b{opacity:.72;transform-origin:center;transform:rotate(5deg);}.zz-page .constellation--b path{animation-delay:-7s !important}.zz-page .constellation--b circle{animation-delay:-1.4s !important}.zz-page .astro-clock{position:absolute;z-index:5;inset:7%;width:auto;aspect-ratio:1;border-radius:50%;filter:drop-shadow(0 32px 52px rgba(88,31,95,.22)) !important;transform:translateZ(38px);transform-style:preserve-3d;}.zz-page .astro-clock::before,.zz-page .astro-clock::after{content:"";position:absolute;border-radius:50%;pointer-events:none;}.zz-page .astro-clock::before{inset:4%;z-index:-1;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.86),transparent 20%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.72) 0 28%,rgba(238,210,234,.38) 48%,rgba(162,70,171,.08) 66%,transparent 72%);box-shadow:inset 0 0 56px rgba(255,255,255,.72);}.zz-page .astro-clock::after{inset:-2%;z-index:-2;border:1px solid rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(147,54,158,.09),0 0 0 14px rgba(255,255,255,.18),0 0 80px rgba(151,63,162,.16);}.zz-page .clock-glow{inset:12%;z-index:0;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.96) 0 24%,rgba(245,224,242,.68) 45%,rgba(206,145,205,.20) 66%,transparent 72%);animation:zzClockGlow 5.5s ease-in-out infinite !important;}.zz-page .ring{z-index:2;border-color:rgba(122,40,133,.20);}.zz-page .ring.outer{inset:0;border-style:solid;background:repeating-conic-gradient(from 0deg,rgba(150,56,164,.28) 0 .7deg,transparent .8deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 96%,#000 96.25% 100%);mask:radial-gradient(circle,transparent 0 96%,#000 96.25% 100%);animation:zzOrbitClockwise 64s linear infinite !important;}.zz-page .ring.middle{inset:11%;border-color:rgba(128,47,138,.16);box-shadow:inset 0 0 45px rgba(255,255,255,.72),0 0 0 1px rgba(255,255,255,.45);}.zz-page .ring.inner{inset:30%;border-style:solid;border-color:rgba(124,43,136,.20);box-shadow:0 0 24px rgba(147,54,158,.09);animation:zzOrbitCounter 31s linear infinite !important;}.zz-page .clock-ticks{inset:16%;z-index:1;opacity:.7;background:repeating-conic-gradient(from -1deg,rgba(118,43,127,.24) 0 1deg,transparent 1deg 14deg);-webkit-mask-image:radial-gradient(circle,transparent 0 75%,#000 76%) !important;mask-image:radial-gradient(circle,transparent 0 75%,#000 76%) !important;animation:zzOrbitCounter 92s linear infinite !important;}.zz-page .clock-spokes{inset:12%;z-index:1;opacity:.54;background:repeating-conic-gradient(from 0deg,rgba(128,47,138,.15) 0 .45deg,transparent .5deg 30deg);-webkit-mask-image:radial-gradient(circle,transparent 0 34%,#000 35% 92%,transparent 93%) !important;mask-image:radial-gradient(circle,transparent 0 34%,#000 35% 92%,transparent 93%) !important;}.zz-page .zodiac-belt{position:absolute;z-index:7;inset:0;border-radius:50%;transform-style:preserve-3d;}.zz-page .zodiac-icon{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;z-index:7;display:grid;place-items:center;border-radius:50%;color:#873292;background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.98),rgba(255,255,255,.80) 52%,rgba(235,206,232,.72));border:1px solid rgba(255,255,255,.90);box-shadow:0 12px 28px rgba(85,31,91,.13),inset 0 0 0 1px rgba(150,56,164,.08),inset 0 -8px 18px rgba(153,66,161,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:rotate(calc(var(--i) * 30deg))translateY(calc(-1 * min(223px,18.4vw)))rotate(calc(var(--i) * -30deg))translateZ(52px);}.zz-page .zodiac-icon::before{content:"";position:absolute;inset:-4px;border-radius:inherit;border:1px solid rgba(151,60,160,.10);opacity:.35;transform:scale(.94);animation:zzIconHalo 4.8s ease-in-out infinite !important;animation-delay:calc(var(--i) * -.18s) !important;}.zz-page .zodiac-icon b{display:block;color:inherit;font:700 24px/1 var(--body-font);filter:drop-shadow(0 2px 5px rgba(111,34,118,.13));animation:zzIconFloat 5.2s ease-in-out infinite !important;animation-delay:calc(var(--i) * -.31s) !important;}.zz-page .zodiac-icon:nth-child(3n+1){background:radial-gradient(circle at 35% 22%,#fff,rgba(255,249,253,.90) 52%,rgba(229,196,229,.76));}.zz-page .clock-center{inset:34%;z-index:10;overflow:visible;background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.34),transparent 35%),radial-gradient(circle at 52% 62%,rgba(220,138,210,.20),transparent 55%),linear-gradient(145deg,#bd62bf,#91339e 62%,#692174);border:1px solid rgba(255,255,255,.58);box-shadow:0 28px 60px rgba(91,29,99,.29),0 0 0 7px rgba(255,255,255,.42),0 0 0 8px rgba(151,60,160,.10),inset 0 0 34px rgba(255,255,255,.16);animation:zzCoreFloat 5.2s ease-in-out infinite !important;transform-style:preserve-3d;}.zz-page .clock-center::before{content:"";position:absolute;inset:-18%;z-index:-2;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 12%,rgba(255,255,255,.82) 17%,transparent 24% 62%,rgba(230,171,219,.38) 69%,transparent 75%);-webkit-mask:radial-gradient(circle,transparent 0 65%,#000 66% 69%,transparent 70%);mask:radial-gradient(circle,transparent 0 65%,#000 66% 69%,transparent 70%);animation:zzOrbitClockwise 18s linear infinite !important;}.zz-page .clock-center::after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.28),transparent 28% 68%,rgba(255,255,255,.08));mix-blend-mode:screen;pointer-events:none;}.zz-page .core-rings{position:absolute;z-index:-1;inset:-50%;border-radius:50%;pointer-events:none;}.zz-page .core-rings i{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(147,54,158,.18);transform:translate(-50%,-50%) rotateX(67deg);}.zz-page .core-rings i:nth-child(1){width:70%;height:70%}.zz-page .core-rings i:nth-child(2){width:94%;height:94%;border-style:dashed;animation:zzOrbitClockwise 24s linear infinite !important}.zz-page .core-rings i:nth-child(3){width:122%;height:122%;opacity:.55}.zz-page .clock-center-content{z-index:2;transform:translateZ(18px);}.zz-page .clock-center .clock-star{position:relative;margin-bottom:8px;text-shadow:0 0 18px rgba(255,255,255,.88);animation:zzStarPulse 2.8s ease-in-out infinite !important;}.zz-page .clock-center strong{text-shadow:0 4px 18px rgba(75,19,81,.25);}.zz-page .planetary-orbit{position:absolute;left:50%;top:50%;z-index:3;border-radius:50%;border:1px solid rgba(128,47,138,.14);transform-style:preserve-3d;pointer-events:none;}.zz-page .planetary-orbit::after{content:"";position:absolute;inset:-1px;border-radius:inherit;border-top:1px solid rgba(255,255,255,.70);opacity:.68;}.zz-page .planetary-orbit--one{width:75%;height:38%;margin:-19% 0 0 -37.5%;transform:rotateZ(-17deg) rotateX(64deg) translateZ(10px);animation:zzPlanetOrbitOne 19s linear infinite !important;}.zz-page .planetary-orbit--two{width:91%;height:52%;margin:-26% 0 0 -45.5%;transform:rotateZ(28deg) rotateX(67deg) translateZ(-12px);animation:zzPlanetOrbitTwo 31s linear infinite !important;}.zz-page .planetary-orbit--three{width:62%;height:31%;margin:-15.5% 0 0 -31%;transform:rotateZ(73deg) rotateX(63deg) translateZ(48px);animation:zzPlanetOrbitThree 13s linear infinite !important;}.zz-page .planet{position:absolute;left:100%;top:50%;display:block;border-radius:50%;transform:translate(-50%,-50%) rotateX(-65deg);box-shadow:0 8px 18px rgba(69,19,76,.19);}.zz-page .planet i{position:absolute;inset:-7px;border-radius:inherit;border:1px solid rgba(255,255,255,.68);opacity:.55;}.zz-page .planet--rose{width:18px;height:18px;background:radial-gradient(circle at 30% 24%,#fff 0 8%,#e9a7d6 23%,#ad4daf 67%,#6e2579 100%);box-shadow:0 0 22px rgba(189,92,180,.42),0 8px 18px rgba(69,19,76,.18);}.zz-page .planet--pearl{width:11px;height:11px;background:radial-gradient(circle at 30% 24%,#fff 0 22%,#f4dff0 52%,#b980bd 100%);box-shadow:0 0 18px rgba(255,255,255,.88),0 8px 16px rgba(69,19,76,.13);}.zz-page .planet--violet{width:14px;height:14px;background:radial-gradient(circle at 30% 24%,#fcefff 0 8%,#b96bc0 36%,#793085 78%,#4d1857 100%);box-shadow:0 0 22px rgba(137,50,149,.40),0 8px 16px rgba(69,19,76,.18);}.zz-page .moon-orbit{position:absolute;left:50%;top:50%;width:88%;height:88%;margin:-44% 0 0 -44%;border-radius:50%;pointer-events:none;transform-style:preserve-3d;animation:zzMoonOrbit 25s linear infinite !important;}.zz-page .moon-orbit--back{z-index:2;animation-name:zzMoonOrbit,zzMoonBackVisibility !important;animation-duration:25s,25s !important;animation-timing-function:linear,linear !important;animation-iteration-count:infinite,infinite !important;}.zz-page .moon-orbit--front{z-index:9;animation-name:zzMoonOrbit,zzMoonFrontVisibility !important;animation-duration:25s,25s !important;animation-timing-function:linear,linear !important;animation-iteration-count:infinite,infinite !important;}.zz-page .moon{position:absolute;left:100%;top:50%;width:54px;height:54px;margin:-27px;display:block;overflow:hidden;border-radius:50%;transform:rotate(0deg);background:radial-gradient(circle at 28% 25%,rgba(255,255,255,.95) 0 7%,transparent 8%),radial-gradient(circle at 62% 58%,rgba(151,108,150,.18) 0 9%,transparent 10%),radial-gradient(circle at 42% 72%,rgba(151,108,150,.13) 0 6%,transparent 7%),radial-gradient(circle at 34% 30%,#fff 0 13%,#f1e0ed 42%,#c9a4c6 75%,#8a5b8d 100%);border:1px solid rgba(255,255,255,.80);box-shadow:0 0 0 7px rgba(255,255,255,.10),0 0 36px rgba(229,191,223,.78),0 16px 28px rgba(79,31,82,.21);}.zz-page .moon::after{content:"";position:absolute;inset:-4%;border-radius:50%;background:rgba(69,26,76,.77);filter:blur(1px);transform:translateX(64%);animation:zzMoonPhase 12.5s ease-in-out infinite alternate !important;}.zz-page .moon i{position:absolute;z-index:3;inset:-7px;border-radius:inherit;border:1px solid rgba(255,255,255,.45);animation:zzMoonGlow 4s ease-in-out infinite !important;}.zz-page .comet{position:absolute;z-index:8;left:4%;top:18%;width:130px;height:2px;opacity:0;transform:rotate(-24deg) translate3d(-90px,0,80px);background:linear-gradient(90deg,transparent,rgba(202,130,198,.08),rgba(255,255,255,.92));filter:drop-shadow(0 0 7px rgba(255,255,255,.70));animation:zzCometFly 10.8s cubic-bezier(.2,.65,.2,1) infinite !important;}.zz-page .comet span{position:absolute;right:-4px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff,0 0 30px rgba(192,104,190,.72);}.zz-page .clock-hand,.zz-page .clock-hand.second{z-index:4;}@keyframes zzCosmicBreathe{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1.08);opacity:1}}@keyframes zzHazeDriftOne{from{transform:translate3d(-7%,2%,0) scale(.92)}to{transform:translate3d(15%,13%,0) scale(1.12)}}@keyframes zzHazeDriftTwo{from{transform:translate3d(6%,8%,0) scale(1.08)}to{transform:translate3d(-13%,-8%,0) scale(.92)}}@keyframes zzLensTurn{to{transform:rotate(360deg)}}@keyframes zzOrbitClockwise{to{transform:rotate(360deg)}}@keyframes zzOrbitCounter{to{transform:rotate(-360deg)}}@keyframes zzConstellationTravel{to{stroke-dashoffset:-90}}@keyframes zzClockGlow{0%,100%{transform:scale(.95);opacity:.78}50%{transform:scale(1.04);opacity:1}}@keyframes zzIconFloat{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(0,-5px,12px) scale(1.04)}}@keyframes zzIconHalo{0%,100%{transform:scale(.92);opacity:.16}50%{transform:scale(1.16);opacity:.62}}@keyframes zzStarPulse{0%,100%{opacity:.42;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}@keyframes zzCoreFloat{0%,100%{transform:translate3d(0,0,38px) scale(.985)}50%{transform:translate3d(0,-5px,48px) scale(1.018)}}@keyframes zzPlanetOrbitOne{from{transform:rotateZ(-17deg) rotateX(64deg) translateZ(10px) rotate(0deg)}to{transform:rotateZ(-17deg) rotateX(64deg) translateZ(10px) rotate(360deg)}}@keyframes zzPlanetOrbitTwo{from{transform:rotateZ(28deg) rotateX(67deg) translateZ(-12px) rotate(360deg)}to{transform:rotateZ(28deg) rotateX(67deg) translateZ(-12px) rotate(0deg)}}@keyframes zzPlanetOrbitThree{from{transform:rotateZ(73deg) rotateX(63deg) translateZ(48px) rotate(0deg)}to{transform:rotateZ(73deg) rotateX(63deg) translateZ(48px) rotate(360deg)}}@keyframes zzMoonOrbit{from{transform:rotate(0deg) translateZ(0)}to{transform:rotate(360deg) translateZ(0)}}@keyframes zzMoonBackVisibility{0%,43%{opacity:.96}48%,94%{opacity:0}99%,100%{opacity:.96}}@keyframes zzMoonFrontVisibility{0%,43%{opacity:0}48%,94%{opacity:.96}99%,100%{opacity:0}}@keyframes zzMoonPhase{0%{transform:translateX(76%)}48%{transform:translateX(6%)}100%{transform:translateX(-72%)}}@keyframes zzMoonGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.04)}50%{box-shadow:0 0 0 7px rgba(255,255,255,.11)}}@keyframes zzCometFly{0%,64%{opacity:0;transform:rotate(-24deg) translate3d(-120px,0,80px) scaleX(.6)}68%{opacity:1}83%{opacity:.92}100%{opacity:0;transform:rotate(-24deg) translate3d(560px,0,80px) scaleX(1.15)}}@media(max-width:1100px){.zz-page .astro-wrap{min-height:min(590px,56vw)}.zz-page .astro-scene{width:min(570px,49vw)}.zz-page .zodiac-icon{transform:rotate(calc(var(--i) * 30deg))translateY(calc(-1 * min(205px,18.3vw)))rotate(calc(var(--i) * -30deg))translateZ(48px);}}@media(max-width:900px){.zz-page .astro-wrap{min-height:auto;margin-top:4px;place-items:center;overflow:hidden !important;border-radius:42px;}.zz-page .astro-scene{width:min(610px,92vw);}.zz-page .zodiac-icon{transform:rotate(calc(var(--i) * 30deg))translateY(calc(-1 * min(220px,34vw)))rotate(calc(var(--i) * -30deg))translateZ(42px);}}@media(max-width:560px){.zz-page .astro-wrap{width:100%;margin-top:0;overflow:hidden;border-radius:28px;}.zz-page .astro-scene{width:min(450px,98vw);transform:none !important;}.zz-page .astro-clock{inset:8%}.zz-page .constellation-map{opacity:.28}.zz-page .cosmos-haze{filter:blur(20px)}.zz-page .planetary-orbit--two{opacity:.55}.zz-page .planetary-orbit--three{opacity:.74}.zz-page .moon{width:40px;height:40px;margin:-20px}.zz-page .comet{width:90px}.zz-page .zodiac-icon{width:37px;height:37px;margin:-18.5px;transform:rotate(calc(var(--i) * 30deg))translateY(calc(-1 * min(176px,38.3vw)))rotate(calc(var(--i) * -30deg))translateZ(30px);}.zz-page .zodiac-icon b{font-size:20px}.zz-page .clock-center{inset:35%}}@media(max-width:380px){.zz-page .zodiac-icon{width:34px;height:34px;margin:-17px;transform:rotate(calc(var(--i) * 30deg))translateY(calc(-1 * min(159px,37.6vw)))rotate(calc(var(--i) * -30deg));}.zz-page .zodiac-icon b{font-size:18px}.zz-page .moon{width:34px;height:34px;margin:-17px}}@media(prefers-reduced-motion:reduce){.zz-page .astro-wrap::after,.zz-page .astro-scene *,.zz-page .astro-scene *::before,.zz-page .astro-scene *::after{animation:none !important;}.zz-page .astro-scene{transform:none !important}.zz-page .astro-canvas{display:none}}.zz-page .zodiac-belt,.zz-page .clock-center,.zz-page .cosmic-lens,.zz-page .planetary-orbit,.zz-page .moon-orbit,.zz-page .zodiac-portal-rings{display:none !important;}.zz-page .astro-wrap::before,.zz-page .astro-wrap::after{content:none !important;display:none !important;animation:none !important;}.zz-page .cosmos-haze{animation:none !important;filter:blur(18px) !important;opacity:.72;}.zz-page .constellation path,.zz-page .constellation circle{animation:none !important;}.zz-page .astro-clock{overflow:visible;filter:drop-shadow(0 22px 38px rgba(88,31,95,.16)) !important;}.zz-page .ring.outer{opacity:.58;border-style:solid !important;animation:zzOrbitClockwise 120s linear infinite !important;}.zz-page .ring.middle{opacity:.82;border-color:rgba(137,49,148,.18);box-shadow:inset 0 0 58px rgba(255,255,255,.72),0 0 0 1px rgba(255,255,255,.48),0 0 42px rgba(151,63,162,.07);}.zz-page .ring.inner{inset:28%;opacity:.72;border-style:solid !important;border-color:rgba(126,43,137,.18);animation:zzOrbitCounter 86s linear infinite !important;}.zz-page .clock-ticks{display:none !important;opacity:0 !important;animation:none !important;}.zz-page .clock-spokes{opacity:.34;}.zz-page .clock-hand{z-index:8;width:1px;height:39%;opacity:.46;background:linear-gradient(to bottom,rgba(132,45,143,.70),rgba(184,104,183,.15) 72%,transparent);filter:none !important;animation:hand 72s linear infinite !important;}.zz-page .clock-hand::after{content:"";position:absolute;left:50%;bottom:-3px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#9a3ba5;box-shadow:0 0 0 5px rgba(154,59,165,.08),0 0 13px rgba(154,59,165,.32);}.zz-page .clock-hand.second{z-index:7;height:44%;opacity:.23;animation:hand 46s linear infinite !important;}.zz-page .zz-celestial-orbit{position:absolute;z-index:9;left:50%;top:50%;width:76%;height:76%;margin:-38% 0 0 -38%;border:0 !important;border-radius:50%;pointer-events:none;transform-origin:center;will-change:transform;}.zz-page .zz-celestial-orbit--moon{animation:zzMoonTravel 30s linear infinite !important;}.zz-page .zz-celestial-orbit--planet{width:62%;height:62%;margin:-31% 0 0 -31%;animation:zzPlanetTravel 38s linear infinite !important;}.zz-page .zz-celestial-body{position:absolute;left:50%;top:-24px;width:48px;height:48px;margin-left:-24px;overflow:hidden;border-radius:50%;transform:translateZ(0);backface-visibility:hidden;box-shadow:0 12px 26px rgba(74,24,81,.20),0 0 30px rgba(190,111,191,.18),inset -9px -9px 18px rgba(63,19,72,.19),inset 7px 7px 14px rgba(255,255,255,.42);}.zz-page .zz-celestial-body--moon{background:radial-gradient(circle at 31% 30%,rgba(255,255,255,.96) 0 7%,transparent 8%),radial-gradient(circle at 66% 58%,rgba(137,88,145,.13) 0 9%,transparent 10%),radial-gradient(circle at 43% 74%,rgba(137,88,145,.11) 0 6%,transparent 7%),linear-gradient(145deg,#fffdfd,#eadbea 62%,#caa9cb);}.zz-page .zz-celestial-body--planet{width:40px;height:40px;margin-left:-20px;top:-20px;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.55),transparent 22%),linear-gradient(145deg,#d78bd0,#a84db0 53%,#70257c);box-shadow:0 10px 24px rgba(74,24,81,.19),0 0 26px rgba(166,70,177,.16),inset -8px -8px 15px rgba(56,14,64,.24),inset 6px 6px 12px rgba(255,255,255,.26);}.zz-page .zz-celestial-body::after{content:"";position:absolute;inset:-3px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(51,16,59,.92),rgba(40,10,47,.98));transform:translate3d(-118%,0,0);will-change:transform;}.zz-page .zz-celestial-body--moon::after{animation:zzMoonPhase 12s ease-in-out infinite alternate !important;}.zz-page .zz-celestial-body--planet::after{opacity:.80;animation:zzPlanetPhase 15s ease-in-out infinite alternate-reverse !important;}.zz-page .zz-celestial-body::before{content:"";position:absolute;z-index:2;inset:0;border-radius:50%;border:1px solid rgba(255,255,255,.46);box-shadow:inset 0 0 0 1px rgba(120,42,130,.08);}@keyframes zzMoonTravel{to{transform:rotate(360deg)}}@keyframes zzPlanetTravel{to{transform:rotate(-360deg)}}@keyframes zzMoonPhase{0%{transform:translate3d(-118%,0,0) scaleX(.88)}50%{transform:translate3d(0,0,0) scaleX(1.08)}100%{transform:translate3d(118%,0,0) scaleX(.88)}}@keyframes zzPlanetPhase{0%{transform:translate3d(-112%,0,0) scaleX(.82)}50%{transform:translate3d(4%,0,0) scaleX(1.12)}100%{transform:translate3d(112%,0,0) scaleX(.82)}}.zz-page .zodiac-feature{--icon-x:0px;--icon-y:0px;--icon-rx:0deg;--icon-ry:0deg;position:absolute;z-index:10;inset:13%;display:grid;place-items:center;border-radius:50%;transform-style:preserve-3d;pointer-events:none;}.zz-page .zodiac-feature::before{content:"";position:absolute;inset:8%;border-radius:50%;opacity:.78;background:radial-gradient(circle,rgba(255,255,255,.82) 0 24%,rgba(228,187,224,.22) 47%,rgba(160,65,170,.055) 63%,transparent 72%);animation:none !important;}.zz-page .zodiac-feature::after{content:none !important;}.zz-page .zodiac-symbol-stack{position:absolute;z-index:5;inset:-4%;display:grid;place-items:center;transform-style:preserve-3d;}.zz-page .zodiac-hero-symbol{--symbol-opacity:1;--symbol-scale:1;--symbol-y:0px;--symbol-rotate:0deg;position:absolute;inset:0;display:grid;place-items:center;opacity:var(--symbol-opacity);transform:translate3d(0,var(--symbol-y),0)scale(var(--symbol-scale))rotate(var(--symbol-rotate));transform-origin:center;transform-style:preserve-3d;animation:none !important;filter:none !important;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;}.zz-page .zodiac-hero-symbol::before{content:"";position:absolute;width:56%;aspect-ratio:1;border-radius:50%;opacity:.62;background:radial-gradient(circle,rgba(196,107,193,.25),rgba(160,65,170,.065) 52%,transparent 72%);filter:none !important;transform:translate3d(0,0,-20px) scale(.92);}.zz-page .zodiac-hero-symbol__tile{position:relative;width:clamp(180px,16.2vw,244px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:34%;color:#fff;font-style:normal;background:radial-gradient(circle at 29% 18%,rgba(255,255,255,.39),transparent 31%),radial-gradient(circle at 74% 79%,rgba(211,130,205,.22),transparent 38%),linear-gradient(145deg,#c36cc5 0%,#9d3da9 43%,#75257f 78%,#5b1a67 100%);border:1px solid rgba(255,255,255,.68);box-shadow:0 28px 58px rgba(82,23,89,.26),0 0 0 7px rgba(255,255,255,.22),0 0 0 8px rgba(145,50,155,.09),inset 0 1px 0 rgba(255,255,255,.56),inset 0 -24px 42px rgba(60,12,68,.17);transform:translate3d(var(--icon-x),var(--icon-y),42px)rotateX(var(--icon-rx))rotateY(var(--icon-ry));transition:transform .9s cubic-bezier(.16,1,.3,1);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;}.zz-page .zodiac-hero-symbol__tile::before{content:"";position:absolute;inset:8%;border-radius:29%;border:1px solid rgba(255,255,255,.21);background:linear-gradient(122deg,rgba(255,255,255,.14),transparent 28% 72%,rgba(255,255,255,.055));}.zz-page .zodiac-hero-symbol__tile::after{content:"";position:absolute;left:-32%;top:-38%;width:28%;height:176%;opacity:.44;background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent);transform:translate3d(var(--shine-x,-180%),0,0) rotate(21deg);transition:transform 2.2s cubic-bezier(.2,.72,.2,1),opacity .5s ease;will-change:transform;}.zz-page .zodiac-hero-symbol.is-shining .zodiac-hero-symbol__tile::after{--shine-x:520%;}.zz-page .zodiac-hero-symbol__tile b{position:relative;z-index:2;display:block;color:#fff;font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Arial Unicode MS",sans-serif;font-size:clamp(106px,10.5vw,158px);font-weight:400;font-style:normal;line-height:1;transform:translateY(-1%);text-shadow:0 4px 14px rgba(58,8,65,.20),0 0 22px rgba(255,255,255,.19);}.zz-page .comet{animation-duration:15s !important;}@media(max-width:1100px){.zz-page .zodiac-feature{inset:15%}.zz-page .zodiac-hero-symbol__tile{width:clamp(168px,17vw,220px)}.zz-page .zodiac-hero-symbol__tile b{font-size:clamp(98px,10.6vw,142px)}}@media(max-width:900px){.zz-page .zodiac-feature{inset:16%}.zz-page .zodiac-hero-symbol__tile{width:clamp(168px,30vw,224px)}.zz-page .zodiac-hero-symbol__tile b{font-size:clamp(98px,18vw,146px)}}@media(max-width:560px){.zz-page .zodiac-feature{inset:17%}.zz-page .zodiac-hero-symbol__tile{width:clamp(138px,39vw,178px);border-radius:31%;box-shadow:0 22px 42px rgba(82,23,89,.24),0 0 0 5px rgba(255,255,255,.21),0 0 0 6px rgba(145,50,155,.08),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -18px 32px rgba(60,12,68,.16);}.zz-page .zodiac-hero-symbol__tile b{font-size:clamp(82px,24vw,116px)}.zz-page .clock-hand{height:38%}}@media(prefers-reduced-motion:reduce){.zz-page .zodiac-hero-symbol{--symbol-opacity:1 !important;--symbol-scale:1 !important;--symbol-y:0px !important;--symbol-rotate:0deg !important;}.zz-page .ring.outer,.zz-page .ring.inner,.zz-page .clock-hand,.zz-page .clock-hand.second,.zz-page .comet,.zz-page .zz-celestial-orbit,.zz-page .zz-celestial-body::after{animation:none !important;}.zz-page .zodiac-hero-symbol__tile{transform:none !important}}.zz-page .zz-hub-nav-wrap{position:sticky;top:12px;z-index:80;padding:0 0 20px;pointer-events:none}.zz-page .zz-hub-nav{width:min(1120px,calc(100% - 28px));margin:auto;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 55px rgba(82,29,89,.12);backdrop-filter:blur(18px);pointer-events:auto}.zz-page .zz-hub-tab{min-width:0;min-height:58px;padding:8px 13px;border:0;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:10px;color:#6e6272;background:transparent;cursor:pointer;font-weight:800;font-size:12px;transition:.24s ease}.zz-page .zz-hub-tab i{width:34px;height:34px;flex:0 0 34px;border-radius:12px;display:grid;place-items:center;color:#8f3699;background:#f4e8f4;font-style:normal;font-size:17px;transition:.24s ease}.zz-page .zz-hub-tab:hover{color:#82328c;background:rgba(148,53,159,.06)}.zz-page .zz-hub-tab.is-active{color:#fff;background:linear-gradient(135deg,#ad45b6,#7a2787);box-shadow:0 13px 28px rgba(126,40,137,.23)}.zz-page .zz-hub-tab.is-active i{color:#fff;background:rgba(255,255,255,.16)}.zz-page .zz-tool-panel{display:none;animation:zzHubIn .38s ease}.zz-page .zz-tool-panel.is-active{display:block}@keyframes zzHubIn{from{opacity:.25;transform:translateY(10px)}to{opacity:1;transform:none}}.zz-page .zz-tool-section{padding:44px 0 76px}.zz-page .zz-tool-hero{position:relative;overflow:hidden;padding:34px;border-radius:34px;background:radial-gradient(circle at 88% 12%,rgba(194,110,197,.27),transparent 31%),radial-gradient(circle at 8% 90%,rgba(239,201,228,.48),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(249,239,248,.94));border:1px solid rgba(255,255,255,.98);box-shadow:0 26px 76px rgba(87,34,92,.13)}.zz-page .zz-tool-hero:before{content:"";position:absolute;width:410px;height:410px;right:-205px;top:-205px;border-radius:50%;border:1px solid rgba(142,53,152,.13);box-shadow:0 0 0 45px rgba(142,53,152,.035),0 0 0 90px rgba(142,53,152,.025);pointer-events:none}.zz-page .zz-tool-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:18px;align-items:stretch}.zz-page .zz-tool-intro{padding:24px 18px 24px 8px;display:flex;flex-direction:column;justify-content:center}.zz-page .zz-tool-intro h2{margin:13px 0 16px;font-size:clamp(38px,5vw,65px);line-height:1.02;letter-spacing:-.055em}.zz-page .zz-tool-intro p{max-width:560px;margin:0;color:#706474;font-size:15px;line-height:1.75}.zz-page .zz-tool-badges{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}.zz-page .zz-tool-badges span{padding:8px 11px;border-radius:999px;color:#81318b;background:rgba(146,54,156,.08);font-size:9px;font-weight:850;letter-spacing:.08em}.zz-page .zz-calculator{padding:24px;border-radius:25px;background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.98);box-shadow:0 18px 42px rgba(84,35,89,.08)}.zz-page .zz-calc-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.zz-page .zz-calc-title strong{font-family:var(--title-font);font-size:24px;letter-spacing:-.035em}.zz-page .zz-calc-title span{font-size:9px;color:#8b7d8e;letter-spacing:.12em;font-weight:800}.zz-page .zz-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.zz-page .zz-field{min-width:0}.zz-page .zz-field--full{grid-column:1/-1}.zz-page .zz-field label{display:block;margin:0 0 7px;color:#756979;font-size:10px;font-weight:800;letter-spacing:.08em}.zz-page .zz-field input,.zz-page .zz-field select{width:100%;height:54px;padding:0 15px;border-radius:15px;border:1px solid rgba(133,51,142,.12);outline:none;color:#312a34;background:#fff;font:600 13px var(--body-font);transition:.2s ease}.zz-page .zz-field input:focus,.zz-page .zz-field select:focus{border-color:rgba(150,56,164,.45);box-shadow:0 0 0 4px rgba(150,56,164,.07)}.zz-page .zz-calc-button{width:100%;min-height:55px;margin-top:14px;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,#ad45b6,#792686);box-shadow:0 15px 30px rgba(126,40,137,.22);font-weight:850;cursor:pointer;transition:.22s ease}.zz-page .zz-calc-button:hover{transform:translateY(-2px);box-shadow:0 19px 36px rgba(126,40,137,.29)}.zz-page .zz-calc-hint{margin:12px 2px 0;color:#958a98;font-size:9px;line-height:1.55}.zz-page .zz-result{display:none;margin-top:16px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#faf0f9,#fff);border:1px solid rgba(145,52,153,.10)}.zz-page .zz-result.is-visible{display:block;animation:zzHubIn .35s ease}.zz-page .zz-result-head{display:flex;align-items:center;gap:14px}.zz-page .zz-result-symbol{width:58px;height:58px;flex:0 0 58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#b84fc0,#7d2989);box-shadow:0 12px 24px rgba(126,40,137,.19);font-size:29px}.zz-page .zz-result h3{margin:0;font-size:25px;line-height:1.08;letter-spacing:-.04em}.zz-page .zz-result small{display:block;margin-top:5px;color:#887a8b;font-size:9px;letter-spacing:.08em;font-weight:750}.zz-page .zz-result p{margin:15px 0 0;color:#6d6170;font-size:12px;line-height:1.68}.zz-page .zz-daily-card{margin-top:18px;padding:20px;border-radius:20px;color:#fff;background:radial-gradient(circle at 92% 0,rgba(255,255,255,.18),transparent 29%),linear-gradient(135deg,#a73fb0,#70237c);box-shadow:0 18px 38px rgba(115,35,123,.19)}.zz-page .zz-daily-card span{font-size:9px;letter-spacing:.14em;font-weight:850;opacity:.78}.zz-page .zz-daily-card strong{display:block;margin:10px 0 8px;font-family:var(--title-font);font-size:20px}.zz-page .zz-daily-card p{margin:0;color:rgba(255,255,255,.85);font-size:11px;line-height:1.6}.zz-page .zz-moon-visual{position:relative;width:170px;aspect-ratio:1;margin:4px auto 20px;border-radius:50%;overflow:hidden;background:#2e2333;box-shadow:0 24px 50px rgba(69,32,75,.25),inset -22px -12px 35px rgba(0,0,0,.25)}.zz-page .zz-moon-visual:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fffdf0,#ece4d1 62%,#cfc3ae);transform:translateX(var(--moon-shadow,0%));box-shadow:inset -16px -10px 24px rgba(113,94,75,.17)}.zz-page .zz-moon-visual:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 31%,rgba(107,86,69,.11) 0 4%,transparent 4.5%),radial-gradient(circle at 60% 60%,rgba(107,86,69,.1) 0 8%,transparent 8.5%),radial-gradient(circle at 67% 29%,rgba(107,86,69,.08) 0 5%,transparent 5.5%)}.zz-page .zz-moon-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.zz-page .zz-moon-stat{padding:12px;border-radius:14px;text-align:center;background:#fff;border:1px solid rgba(133,51,142,.08)}.zz-page .zz-moon-stat small{display:block;color:#948797;font-size:8px;font-weight:800;letter-spacing:.09em}.zz-page .zz-moon-stat strong{display:block;margin-top:5px;color:#713079;font-size:14px}.zz-page .zz-animal-stage{width:170px;aspect-ratio:1;margin:0 auto 18px;border-radius:38px;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 35%),linear-gradient(145deg,#b94fc1,#752580);box-shadow:0 22px 45px rgba(101,31,109,.24);font-size:76px;transform:rotate(-2deg)}.zz-page .zz-api-note{margin-top:20px;padding:16px 18px;border-radius:18px;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.62);border:1px dashed rgba(137,51,147,.20)}.zz-page .zz-api-note i{font-style:normal;color:#8f3699}.zz-page .zz-api-note p{margin:0;color:#756979;font-size:10px;line-height:1.55}@media(max-width:900px){.zz-page .zz-hub-nav{grid-template-columns:repeat(2,1fr)}.zz-page .zz-tool-grid{grid-template-columns:1fr}.zz-page .zz-tool-intro{padding:10px 4px}.zz-page .zz-hub-nav-wrap{position:relative;top:auto}}@media(max-width:560px){.zz-page .zz-hub-nav{width:calc(100% - 18px);gap:5px;padding:6px;border-radius:20px}.zz-page .zz-hub-tab{min-height:51px;padding:6px 7px;font-size:9px;gap:6px}.zz-page .zz-hub-tab i{width:29px;height:29px;flex-basis:29px;font-size:14px}.zz-page .zz-tool-section{padding:24px 0 50px}.zz-page .zz-tool-hero{padding:17px;border-radius:25px}.zz-page .zz-tool-intro h2{font-size:38px}.zz-page .zz-calculator{padding:17px}.zz-page .zz-form-grid{grid-template-columns:1fr}.zz-page .zz-field--full{grid-column:auto}.zz-page .zz-moon-stats{grid-template-columns:1fr}.zz-page .zz-moon-visual,.zz-page .zz-animal-stage{width:145px}}.zz-page .zz-hub-nav{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(190px,1.18fr)}.zz-page .zz-hub-tab--personal{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(115deg,#5d1d68 0%,#9b36a5 48%,#c55ac2 100%);background-size:180% 100%;box-shadow:0 14px 34px rgba(132,41,143,.28),0 0 0 1px rgba(188,92,191,.18),0 0 28px rgba(174,70,181,.18);animation:zzPersonalGlow 3.6s ease-in-out infinite;}.zz-page .zz-hub-tab--personal:before{content:"";position:absolute;z-index:-1;inset:-70% auto -70% -30%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);animation:zzPersonalShine 4.8s ease-in-out infinite}.zz-page .zz-hub-tab--personal i{color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.22)}.zz-page .zz-hub-tab--personal:hover,.zz-page .zz-hub-tab--personal.is-active{color:#fff;background:linear-gradient(115deg,#692174,#ad3db6 52%,#d169cb);background-position:100% 50%;box-shadow:0 18px 40px rgba(132,41,143,.36),0 0 0 4px rgba(172,67,180,.09),0 0 36px rgba(174,70,181,.24)}.zz-page .zz-hub-tab--personal.is-active i{background:rgba(255,255,255,.2)}.zz-page .zz-limited-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ffd8f7;box-shadow:0 0 0 5px rgba(255,216,247,.1),0 0 14px #ffd8f7;animation:zzDotPulse 1.8s ease-in-out infinite}@keyframes zzPersonalGlow{50%{box-shadow:0 16px 38px rgba(132,41,143,.34),0 0 0 1px rgba(211,116,207,.25),0 0 37px rgba(174,70,181,.30)}}@keyframes zzPersonalShine{0%,58%{transform:translateX(-180%) rotate(18deg);opacity:0}68%{opacity:1}88%,100%{transform:translateX(690%) rotate(18deg);opacity:0}}@keyframes zzDotPulse{50%{opacity:.48;transform:scale(.72)}}.zz-page .zz-personal-section{padding:44px 0 84px}.zz-page .zz-personal-shell{position:relative;overflow:hidden;padding:13px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,231,245,.88));border:1px solid rgba(255,255,255,.98);box-shadow:0 30px 90px rgba(82,28,88,.16)}.zz-page .zz-personal-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 5% 0,rgba(210,126,207,.30),transparent 28%),radial-gradient(circle at 97% 70%,rgba(239,196,226,.5),transparent 30%)}.zz-page .zz-personal-hero{position:relative;z-index:2;display:grid;grid-template-columns:.88fr 1.12fr;min-height:610px;border-radius:29px;overflow:hidden;background:#f9f2f8}.zz-page .zz-personal-copy{padding:52px 42px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.78),transparent 34%),linear-gradient(145deg,#fffdfa,#f5e9f4)}.zz-page .zz-campaign-label{width:max-content;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;color:#852f90;background:#fff;border:1px solid rgba(145,52,153,.10);box-shadow:0 10px 24px rgba(93,34,99,.07);font-size:9px;font-weight:900;letter-spacing:.12em}.zz-page .zz-campaign-label b{width:7px;height:7px;border-radius:50%;background:#ae40b5;box-shadow:0 0 14px rgba(174,64,181,.65)}.zz-page .zz-personal-copy h2{margin:18px 0 18px;font-size:clamp(42px,5vw,68px);line-height:.99;letter-spacing:-.06em}.zz-page .zz-personal-copy h2 em{display:block;color:transparent;background:linear-gradient(100deg,#7b2887,#a943b0 55%,#ce71c8);-webkit-background-clip:text;background-clip:text;font-style:normal}.zz-page .zz-personal-copy>p{max-width:530px;margin:0;color:#6f6372;font-size:15px;line-height:1.75}.zz-page .zz-personal-points{display:grid;gap:10px;margin:25px 0}.zz-page .zz-personal-point{display:flex;align-items:center;gap:11px;color:#514654;font-size:11px;font-weight:700}.zz-page .zz-personal-point i{width:28px;height:28px;flex:0 0 28px;border-radius:10px;display:grid;place-items:center;color:#8d3298;background:rgba(148,53,159,.08);font-style:normal}.zz-page .zz-personal-cta{width:max-content;min-height:55px;padding:0 21px;border:0;border-radius:17px;display:inline-flex;align-items:center;gap:11px;color:#fff;background:linear-gradient(135deg,#ad45b6,#74247f);box-shadow:0 16px 34px rgba(126,40,137,.25);font-weight:850;cursor:pointer;transition:.22s ease}.zz-page .zz-personal-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(126,40,137,.33)}.zz-page .zz-personal-note{margin-top:14px;color:#918594;font-size:9px;line-height:1.5}.zz-page .zz-engraving-stage{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(255,255,255,.95) 0 16%,transparent 38%),radial-gradient(circle at 50% 50%,rgba(175,76,181,.16),transparent 56%),linear-gradient(145deg,#e9d9e9,#f7eff5)}.zz-page .zz-engraving-stage:before,.zz-page .zz-engraving-stage:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(129,48,138,.13);pointer-events:none}.zz-page .zz-engraving-stage:before{width:520px;height:520px;box-shadow:0 0 0 52px rgba(129,48,138,.035),0 0 0 105px rgba(129,48,138,.022);animation:spin 34s linear infinite}.zz-page .zz-engraving-stage:after{width:355px;height:355px;border-style:dashed;animation:reverseSpin 24s linear infinite}.zz-page .zz-preview-chip{position:absolute;top:25px;right:25px;z-index:5;padding:9px 12px;border-radius:999px;color:#7d2b87;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);font-size:8px;font-weight:900;letter-spacing:.13em;backdrop-filter:blur(12px)}.zz-page .zz-band-preview{position:relative;z-index:3;width:min(520px,82%);aspect-ratio:1.28;display:grid;place-items:center;transform:rotate(-7deg)}.zz-page .zz-band-loop{position:absolute;width:88%;height:55%;border:33px solid #252328;border-radius:50%;box-shadow:0 30px 50px rgba(46,24,49,.28),inset 0 5px 10px rgba(255,255,255,.07);filter:drop-shadow(0 4px 1px rgba(255,255,255,.14))}.zz-page .zz-band-loop:before{content:"";position:absolute;inset:-25px;border-radius:inherit;border:2px dashed rgba(255,255,255,.13)}.zz-page .zz-buckle{position:relative;z-index:4;width:230px;height:104px;border-radius:25px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#d9d8da 0%,#8c8b90 42%,#dad9dc 70%,#737277 100%);border:1px solid rgba(255,255,255,.68);box-shadow:0 24px 38px rgba(41,28,43,.30),inset 0 2px 3px rgba(255,255,255,.8),inset 0 -4px 10px rgba(51,49,54,.32)}.zz-page .zz-buckle:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 35%,rgba(255,255,255,.50) 44%,transparent 52% 100%);transform:translateX(-90%);animation:zzBuckleShine 5s ease-in-out infinite}.zz-page .zz-buckle:after{content:"ZISANO";position:absolute;left:18px;bottom:11px;color:rgba(40,39,43,.58);font:800 7px var(--body-font);letter-spacing:.17em}@keyframes zzBuckleShine{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(120%)}}.zz-page .zz-engraving-preview{position:relative;z-index:2;max-width:185px;padding:8px;color:#353439;text-align:center;font-family:var(--title-font);font-size:42px;line-height:1;font-weight:600;letter-spacing:.04em;text-shadow:0 1px rgba(255,255,255,.45),0 -1px rgba(30,29,32,.18);filter:contrast(.9)}.zz-page .zz-engraving-preview.is-text{font-family:var(--body-font);font-size:18px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.zz-page .zz-preview-caption{position:absolute;z-index:5;bottom:27px;left:50%;transform:translateX(-50%);width:max-content;max-width:84%;padding:10px 15px;border-radius:999px;color:#716575;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);font-size:9px;font-weight:750;text-align:center;backdrop-filter:blur(12px)}.zz-page .zz-personal-builder{position:relative;z-index:2;padding:24px 17px 17px}.zz-page .zz-builder-head{padding:16px 11px 22px;display:flex;align-items:end;justify-content:space-between;gap:20px}.zz-page .zz-builder-head h3{margin:7px 0 0;font-size:clamp(29px,3vw,43px);letter-spacing:-.045em}.zz-page .zz-builder-head p{max-width:530px;margin:0;color:#7a6e7d;font-size:11px;line-height:1.65}.zz-page .zz-builder-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:13px}.zz-page .zz-builder-card{padding:24px;border-radius:23px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 14px 36px rgba(84,35,90,.07)}.zz-page .zz-builder-card h4{margin:0 0 17px;font-size:20px;letter-spacing:-.03em}.zz-page .zz-engraving-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.zz-page .zz-engraving-option{position:relative;min-height:88px;padding:12px 8px;border:1px solid rgba(133,51,142,.10);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#665a69;background:#fff;cursor:pointer;text-align:center;transition:.2s ease}.zz-page .zz-engraving-option:hover{transform:translateY(-2px);border-color:rgba(150,56,164,.28);box-shadow:0 12px 24px rgba(91,34,97,.08)}.zz-page .zz-engraving-option.is-active{color:#fff;background:linear-gradient(145deg,#ad45b6,#792686);border-color:transparent;box-shadow:0 14px 27px rgba(126,40,137,.22)}.zz-page .zz-engraving-option i{font-style:normal;font-size:23px;line-height:1}.zz-page .zz-engraving-option strong{font-size:9px;line-height:1.25}.zz-page .zz-customize-stack{display:grid;gap:11px}.zz-page .zz-custom-row{display:none}.zz-page .zz-custom-row.is-active{display:block;animation:zzHubIn .25s ease}.zz-page .zz-custom-row label{display:block;margin-bottom:7px;color:#756979;font-size:9px;font-weight:850;letter-spacing:.08em}.zz-page .zz-custom-row input,.zz-page .zz-custom-row select{width:100%;height:53px;padding:0 14px;border-radius:15px;border:1px solid rgba(133,51,142,.12);outline:none;color:#312a34;background:#fff;font:650 13px var(--body-font)}.zz-page .zz-symbol-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.zz-page .zz-symbol-button{height:47px;border:1px solid rgba(133,51,142,.10);border-radius:13px;color:#7e2d89;background:#fff;font-size:21px;cursor:pointer;transition:.18s ease}.zz-page .zz-symbol-button:hover,.zz-page .zz-symbol-button.is-active{color:#fff;background:linear-gradient(145deg,#aa43b3,#782684);border-color:transparent;transform:translateY(-1px)}.zz-page .zz-builder-summary{height:100%;padding:24px;border-radius:23px;color:#fff;background:radial-gradient(circle at 92% 5%,rgba(255,255,255,.18),transparent 27%),linear-gradient(145deg,#9d39a8,#682173);box-shadow:0 18px 42px rgba(104,31,112,.22)}.zz-page .zz-builder-summary h4{margin:0 0 8px;font-size:26px}.zz-page .zz-builder-summary>p{margin:0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.65}.zz-page .zz-summary-list{display:grid;gap:10px;margin:22px 0}.zz-page .zz-summary-item{padding:12px 13px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10)}.zz-page .zz-summary-item span{font-size:9px;letter-spacing:.08em;opacity:.72}.zz-page .zz-summary-item strong{font-size:11px;text-align:right}.zz-page .zz-order-button{width:100%;min-height:54px;border:0;border-radius:16px;color:#762780;background:#fff;box-shadow:0 14px 28px rgba(51,17,56,.18);font-weight:900;cursor:pointer}.zz-page .zz-order-disclaimer{margin-top:12px!important;text-align:center;font-size:8px!important;opacity:.67}.zz-page .zz-ideas-strip{position:relative;z-index:2;padding:12px 17px 17px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.zz-page .zz-idea-card{min-height:112px;padding:17px;border-radius:18px;background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.94)}.zz-page .zz-idea-card i{display:block;margin-bottom:10px;color:#8e3299;font-style:normal;font-size:22px}.zz-page .zz-idea-card strong{display:block;font-size:12px}.zz-page .zz-idea-card p{margin:6px 0 0;color:#7a6e7d;font-size:9px;line-height:1.5}@media(max-width:1050px){.zz-page .zz-hub-nav{grid-template-columns:repeat(3,1fr)}.zz-page .zz-personal-hero{grid-template-columns:1fr}.zz-page .zz-engraving-stage{min-height:480px}.zz-page .zz-builder-grid{grid-template-columns:1fr}.zz-page .zz-ideas-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.zz-page .zz-hub-nav{grid-template-columns:repeat(2,1fr)}.zz-page .zz-hub-tab--personal{grid-column:1/-1}.zz-page .zz-personal-section{padding:24px 0 55px}.zz-page .zz-personal-shell{padding:7px;border-radius:28px}.zz-page .zz-personal-hero{min-height:0;border-radius:22px}.zz-page .zz-personal-copy{padding:31px 22px}.zz-page .zz-personal-copy h2{font-size:40px}.zz-page .zz-personal-cta{width:100%;justify-content:center}.zz-page .zz-engraving-stage{min-height:390px}.zz-page .zz-band-preview{width:95%}.zz-page .zz-band-loop{border-width:25px}.zz-page .zz-buckle{width:195px;height:91px}.zz-page .zz-engraving-preview{font-size:36px}.zz-personal-builder{padding:15px 8px 8px!important}.zz-page .zz-builder-head{display:block;padding:14px 8px 18px}.zz-page .zz-builder-head p{margin-top:8px}.zz-page .zz-builder-card{padding:17px}.zz-page .zz-engraving-options{grid-template-columns:repeat(2,1fr)}.zz-page .zz-symbol-picker{grid-template-columns:repeat(4,1fr)}.zz-page .zz-ideas-strip{padding:8px;grid-template-columns:1fr}.zz-page .zz-preview-chip{top:15px;right:15px}}.zz-page .zz-personal-hero{min-height:0 !important;display:block !important;border-radius:30px !important;background:radial-gradient(circle at 50% -12%,rgba(255,255,255,.98),transparent 39%),radial-gradient(circle at 7% 15%,rgba(211,133,210,.18),transparent 28%),radial-gradient(circle at 92% 82%,rgba(243,203,229,.42),transparent 31%),linear-gradient(145deg,#fffdfa 0%,#f8eff6 62%,#f2e6f1 100%) !important;}.zz-page .zz-personal-copy{width:min(100%,1040px) !important;min-height:0 !important;margin:0 auto !important;padding:72px clamp(24px,6vw,78px) 68px !important;align-items:center !important;text-align:center !important;background:transparent !important;}.zz-page .zz-personal-copy .zz-campaign-label{margin-inline:auto !important}.zz-page .zz-personal-copy h2{max-width:850px !important;margin:20px auto 20px !important}.zz-page .zz-personal-copy>p{max-width:760px !important;margin-inline:auto !important;color:#665d69 !important;font-size:16px !important}.zz-page .zz-personal-points{width:min(100%,940px) !important;max-width:940px !important;margin:30px auto 27px !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}.zz-page .zz-personal-point{min-height:86px !important;padding:16px !important;align-items:center !important;text-align:left !important;color:#4f4652 !important;background:rgba(255,255,255,.72) !important;border:1px solid rgba(151,73,157,.10) !important;box-shadow:0 12px 28px rgba(76,40,79,.055) !important;}.zz-page .zz-personal-cta{margin-inline:auto !important}.zz-page .zz-personal-note{max-width:660px !important;margin:14px auto 0 !important;color:#807583 !important}.zz-page .zz-personal-builder{padding:34px 25px 22px !important}.zz-page .zz-builder-head{padding:12px 8px 28px !important;align-items:flex-end !important;}.zz-page .zz-builder-head h3{color:#312a34 !important}.zz-page .zz-builder-head p{color:#6c626f !important;font-size:12px !important}.zz-page .zz-builder-grid{grid-template-columns:minmax(360px,.72fr) minmax(580px,1.28fr) !important;gap:18px !important;align-items:start !important;}.zz-page .zz-builder-card{padding:26px !important;background:radial-gradient(circle at 0 0,rgba(241,216,237,.42),transparent 32%),rgba(255,255,255,.90) !important;border-color:rgba(147,61,155,.10) !important;}.zz-page .zz-builder-card h4{color:#342c36 !important}.zz-page .zz-live-config-panel{gap:16px !important}.zz-page .zz-photo-preview{min-height:620px !important;aspect-ratio:1.72/1 !important;border-radius:28px !important;background:#f2f1ef !important;border:1px solid rgba(92,78,94,.09) !important;box-shadow:0 26px 65px rgba(43,35,44,.15) !important;}.zz-page .zz-photo-preview img{object-fit:cover !important;object-position:center !important;transform:scale(1.08) !important;filter:grayscale(.08) saturate(.72) contrast(1.015) brightness(1.035) !important;}.zz-page .zz-photo-preview:after{background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 24% 76%,rgba(32,28,33,.035)),radial-gradient(ellipse at center,transparent 0 48%,rgba(255,255,255,.07) 80%) !important;}.zz-page .zz-preview-chip{color:#514a52 !important;background:rgba(255,255,255,.88) !important;border-color:rgba(75,63,77,.08) !important;}.zz-page .zz-preview-caption{color:#4d464f !important;background:rgba(255,255,255,.90) !important;border-color:rgba(75,63,77,.08) !important;}.zz-page .zz-photo-engraving{top:49.2% !important;min-width:300px !important;max-width:62% !important;padding:10px 18px !important;color:rgba(244,244,241,.74) !important;font-size:clamp(82px,8.8vw,122px) !important;font-weight:620 !important;letter-spacing:.005em !important;mix-blend-mode:screen !important;opacity:.76 !important;filter:blur(.10px) contrast(.88) !important;text-shadow:0 1.2px 1px rgba(20,20,21,.34),0 -1px .5px rgba(255,255,255,.72),.7px 0 .5px rgba(255,255,255,.26),-.7px 0 .6px rgba(26,26,27,.20) !important;}.zz-page .zz-photo-engraving:before{color:rgba(35,35,36,.16) !important;transform:translateY(1.1px) !important;filter:blur(.65px) !important;opacity:.42 !important;}.zz-page .zz-photo-engraving:after{color:rgba(255,255,255,.40) !important;transform:translateY(-.65px) !important;filter:blur(.3px) !important;opacity:.68 !important;}.zz-page .zz-photo-engraving.is-text{min-width:240px !important;max-width:58% !important;font-size:clamp(25px,3.2vw,43px) !important;font-weight:760 !important;letter-spacing:.10em !important;line-height:1.05 !important;}.zz-page .zz-engraving-zone{top:49.2% !important;width:49% !important;height:27% !important;border-color:rgba(64,61,65,.10) !important;}.zz-page .zz-symbol-button{color:#49434b !important;background:#faf9f8 !important}.zz-page .zz-symbol-button:hover,.zz-page .zz-symbol-button.is-active{color:#fff !important;background:linear-gradient(145deg,#a64aae,#78307f) !important;}.zz-page .zz-engraving-option{color:#554d58 !important;background:rgba(255,255,255,.92) !important}.zz-page .zz-engraving-option.is-active{color:#fff !important}.zz-page .zz-builder-summary{color:#302a32 !important;background:radial-gradient(circle at 96% 0,rgba(202,126,200,.22),transparent 29%),linear-gradient(145deg,#fffdfa,#f3e8f2) !important;border:1px solid rgba(139,55,148,.10) !important;box-shadow:0 18px 44px rgba(76,38,80,.10) !important;}.zz-page .zz-builder-summary .micro-label{color:#8d4593 !important}.zz-page .zz-builder-summary h4{color:#312a34 !important}.zz-page .zz-builder-summary>p{color:#6d626f !important}.zz-page .zz-summary-item{color:#312a34 !important;background:rgba(255,255,255,.66) !important;border-color:rgba(139,55,148,.09) !important;}.zz-page .zz-summary-item span{color:#857889 !important;opacity:1 !important}.zz-page .zz-summary-item strong{color:#403744 !important}.zz-page .zz-order-button{color:#fff !important;background:linear-gradient(135deg,#aa45b1,#792982) !important;box-shadow:0 14px 28px rgba(105,35,113,.20) !important;}.zz-page .zz-order-disclaimer{color:#837787 !important;opacity:1 !important}.zz-page .zz-ideas-strip{gap:12px !important;padding:16px 25px 24px !important}.zz-page .zz-idea-card{min-height:138px !important;padding:21px !important;border-color:rgba(141,59,149,.09) !important;box-shadow:0 12px 30px rgba(77,40,81,.055) !important;}.zz-page .zz-idea-card:nth-child(1){background:linear-gradient(145deg,#fff,#f3e9f3) !important}.zz-page .zz-idea-card:nth-child(2){background:linear-gradient(145deg,#f7f2ed,#fff) !important}.zz-page .zz-idea-card:nth-child(3){background:linear-gradient(145deg,#f2ebf5,#fff) !important}.zz-page .zz-idea-card:nth-child(4){background:linear-gradient(145deg,#fff,#eee9e5) !important}.zz-page .zz-idea-card strong{color:#342d36 !important;font-size:13px !important}.zz-page .zz-idea-card p{color:#6f6572 !important;font-size:10px !important}.zz-page .zz-edition-world{background:radial-gradient(circle at 96% 4%,rgba(218,151,213,.18),transparent 30%),linear-gradient(145deg,#fffdfa,#f7f0f6) !important;}.zz-page .zz-edition-head h3{color:#312a34 !important}.zz-page .zz-edition-card{min-height:385px !important}.zz-page .zz-edition-card:nth-child(1){background:linear-gradient(155deg,#fff,#f6ecf5) !important}.zz-page .zz-edition-card:nth-child(2){background:linear-gradient(155deg,#f9f6f2,#fff) !important}.zz-page .zz-edition-card:nth-child(3){background:linear-gradient(155deg,#f1eaf4,#fff) !important}.zz-page .zz-edition-card:nth-child(4){background:linear-gradient(155deg,#fff,#f0ece8) !important}.zz-page .zz-edition-card h4{color:#332c35 !important}.zz-page .zz-edition-card p{color:#6d626f !important}.zz-page .zz-edition-visual{height:145px !important}.zz-page .zz-process-section,.zz-page .zz-process-section h3,.zz-page .zz-process-section h4,.zz-page .zz-process-section strong{color:#fff !important}.zz-page .zz-process-section p{color:rgba(255,255,255,.72) !important}.zz-page .zz-process-step{background:rgba(255,255,255,.075) !important;border-color:rgba(255,255,255,.11) !important}.zz-page .zz-campaign-banner,.zz-page .zz-campaign-banner h3,.zz-page .zz-campaign-banner strong{color:#fff !important}.zz-page .zz-campaign-banner p{color:rgba(255,255,255,.82) !important}@media(max-width:1180px){.zz-page .zz-builder-grid{grid-template-columns:minmax(330px,.78fr) minmax(500px,1.22fr) !important}.zz-page .zz-photo-preview{min-height:540px !important}.zz-page .zz-photo-engraving{font-size:clamp(72px,9vw,108px) !important}}@media(max-width:1050px){.zz-page .zz-personal-points{grid-template-columns:1fr !important;max-width:720px !important}.zz-page .zz-personal-point{min-height:0 !important}.zz-page .zz-builder-grid{grid-template-columns:1fr !important}.zz-page .zz-live-config-panel{position:relative !important;top:auto !important}.zz-page .zz-photo-preview{min-height:560px !important}}@media(max-width:700px){.zz-page .zz-personal-copy{padding:44px 20px 42px !important}.zz-page .zz-personal-copy>p{font-size:14px !important}.zz-page .zz-personal-points{margin-top:23px !important}.zz-page .zz-personal-point{text-align:left !important}.zz-page .zz-personal-builder{padding:23px 8px 12px !important}.zz-page .zz-builder-head{display:block !important;padding:10px 8px 20px !important}.zz-page .zz-builder-head p{margin-top:9px !important}.zz-page .zz-photo-preview{min-height:365px !important;aspect-ratio:1.35/1 !important;border-radius:20px !important}.zz-page .zz-photo-preview img{transform:scale(1.07) !important}.zz-page .zz-photo-engraving{min-width:170px !important;max-width:61% !important;font-size:clamp(56px,18vw,82px) !important}.zz-page .zz-photo-engraving.is-text{min-width:145px !important;max-width:60% !important;font-size:clamp(17px,5.5vw,28px) !important;white-space:normal !important}.zz-page .zz-engraving-zone{width:53% !important;height:25% !important}.zz-page .zz-ideas-strip{padding:10px 8px 15px !important}.zz-page .zz-edition-card{min-height:0 !important}}.zz-page .zz-builder-grid{grid-template-columns:minmax(330px,.74fr) minmax(0,1.26fr) !important;align-items:start !important;}.zz-page .zz-live-config-panel{display:block !important;position:sticky !important;top:24px !important}.zz-page .zz-photo-preview{width:100% !important;min-height:0 !important;aspect-ratio:1125 / 850 !important;overflow:hidden !important;background:#f7f7f5 !important;border-radius:25px !important;}.zz-page .zz-photo-preview img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;transform:none !important;filter:grayscale(.04) saturate(.78) contrast(1.015) brightness(1.025) !important;}.zz-page .zz-photo-engraving,.zz-page .zz-photo-engraving:not(.is-text){left:50% !important;top:49.6% !important;min-width:0 !important;width:auto !important;max-width:58% !important;padding:0 !important;color:rgba(246,246,242,.74) !important;-webkit-text-fill-color:rgba(246,246,242,.74) !important;background:none !important;font-family:var(--title-font) !important;font-size:clamp(104px,10.8vw,164px) !important;font-weight:620 !important;line-height:.82 !important;letter-spacing:0 !important;transform:translate(-50%,-50%) scaleX(1.04) !important;mix-blend-mode:soft-light !important;opacity:.92 !important;filter:grayscale(1) contrast(.88) brightness(1.04) !important;text-shadow:0 1.1px .7px rgba(28,28,28,.24),0 -1px .7px rgba(255,255,255,.88),.65px 0 .45px rgba(255,255,255,.36),-.65px 0 .5px rgba(35,35,35,.13) !important;}.zz-page .zz-photo-engraving:before{color:rgba(50,50,50,.10) !important;transform:translateY(1px) !important;filter:blur(.45px) !important;opacity:.48 !important;}.zz-page .zz-photo-engraving:after{color:rgba(255,255,255,.32) !important;transform:translateY(-.65px) !important;filter:blur(.22px) !important;opacity:.72 !important;}.zz-page .zz-photo-engraving.is-text{width:auto !important;max-width:53% !important;color:rgba(246,246,242,.72) !important;-webkit-text-fill-color:rgba(246,246,242,.72) !important;font-size:clamp(27px,3.25vw,48px) !important;font-weight:760 !important;line-height:1 !important;letter-spacing:.095em !important;white-space:nowrap !important;}.zz-page .zz-engraving-zone{top:49.6% !important;width:54% !important;height:30% !important}.zz-page .zz-builder-summary{width:calc(100% - 48px) !important;margin:20px 24px 0 !important;padding:29px !important;display:grid !important;grid-template-columns:minmax(250px,.82fr) minmax(0,1.18fr) auto !important;align-items:center !important;gap:25px !important;border-radius:24px !important;}.zz-page .zz-builder-summary>span,.zz-page .zz-builder-summary>h4,.zz-page .zz-builder-summary>p{grid-column:1}.zz-page .zz-builder-summary h4{margin:8px 0 8px !important}.zz-page .zz-builder-summary>p{margin:0 !important}.zz-page .zz-summary-list{grid-column:2;grid-row:1 / span 4;display:grid !important;grid-template-columns:1fr 1fr !important;gap:9px !important;margin:0 !important}.zz-page .zz-summary-item{min-height:72px !important;margin:0 !important;padding:13px 15px !important}.zz-page .zz-order-button{grid-column:3;grid-row:2 / span 2;min-width:235px !important;margin:0 !important}.zz-page .zz-confirm-status{grid-column:3;grid-row:4;display:flex;align-items:center;justify-content:center;gap:7px;color:#847987;font-size:10px;font-weight:700}.zz-page .zz-confirm-status i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#eee7ee;color:#8f4596}.zz-page .zz-confirm-status.is-confirmed{color:#44705a}.zz-page .zz-confirm-status.is-confirmed i{background:#e2f1e8;color:#34704f}.zz-page .zz-order-disclaimer{grid-column:1 / -1;margin:0 !important;text-align:center}.zz-page .zz-product-choice{position:relative;margin:20px 24px 30px;padding:30px;border-radius:27px;background:radial-gradient(circle at 96% 0,rgba(198,111,197,.17),transparent 30%),linear-gradient(145deg,#fffdfa,#f5edf4);border:1px solid rgba(139,55,148,.10);box-shadow:0 18px 48px rgba(75,38,80,.09);overflow:hidden}.zz-page .zz-product-choice__head{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}.zz-page .zz-product-choice__head h3{margin:9px 0 10px;color:#302a33;font-family:var(--title-font);font-size:clamp(30px,3.8vw,48px);line-height:1.06;letter-spacing:-.045em}.zz-page .zz-product-choice__head p{max-width:760px;margin:0;color:#6d626f;font-size:14px;line-height:1.65}.zz-page .zz-product-lock{min-width:210px;padding:14px 17px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;color:#75577a;background:#f2e8f2;border:1px solid rgba(139,55,148,.10);font-size:11px;font-weight:800}.zz-page .zz-product-lock i{font-style:normal}.zz-page .zz-product-choice:not(.is-locked) .zz-product-lock{color:#386c50;background:#e8f3ec}.zz-page .zz-product-choice:not(.is-locked) .zz-product-lock i:before{content:'✓'}.zz-page .zz-product-choice:not(.is-locked) .zz-product-lock i{font-size:0}.zz-page .zz-product-choice:not(.is-locked) .zz-product-lock i:before{font-size:12px}.zz-page .zz-product-category-tabs{margin:24px 0 16px;display:flex;gap:8px;flex-wrap:wrap}.zz-page .zz-product-category-tabs button{min-height:42px;padding:0 16px;border:1px solid rgba(139,55,148,.12);border-radius:999px;color:#665a69;background:rgba(255,255,255,.78);font-size:11px;font-weight:800;cursor:pointer}.zz-page .zz-product-category-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#a845b0,#7b2b84);border-color:transparent;box-shadow:0 10px 22px rgba(111,37,119,.17)}.zz-page .zz-product-slider-shell{position:relative}.zz-page .zz-engraving-product-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,28%);gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:3px 2px 14px;scrollbar-width:none}.zz-page .zz-engraving-product-track::-webkit-scrollbar{display:none}.zz-page .zz-engraving-product-card{position:relative;min-width:0;overflow:hidden;scroll-snap-align:start;border-radius:20px;background:#fff;border:1px solid rgba(135,53,143,.10);box-shadow:0 11px 28px rgba(72,38,77,.065);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.zz-page .zz-engraving-product-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(72,38,77,.11)}.zz-page .zz-engraving-product-card[hidden]{display:none !important}.zz-page .zz-engraving-product-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f2edef}.zz-page .zz-engraving-product-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.zz-page .zz-engraving-product-card:hover img{transform:scale(1.035)}.zz-page .zz-engraving-product-badge{position:absolute;left:12px;top:12px;z-index:2;padding:7px 9px;border-radius:999px;color:#5e5261;background:rgba(255,255,255,.88);font-size:8px;font-weight:900;letter-spacing:.11em;backdrop-filter:blur(8px)}.zz-page .zz-engraving-product-copy{padding:17px}.zz-page .zz-engraving-product-copy h4{min-height:42px;margin:0;color:#332c35;font-family:var(--title-font);font-size:18px;line-height:1.17}.zz-page .zz-engraving-product-price{margin:9px 0 14px;color:#8c3b94;font-size:16px;font-weight:800}.zz-page .zz-product-link{width:100%;min-height:46px;padding:0 14px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(135deg,#a845b0,#792982);font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}.zz-page .zz-product-link:after{content:'→';font-size:15px}.zz-page .zz-product-choice.is-locked .zz-engraving-product-card{opacity:.54;filter:grayscale(.22)}.zz-page .zz-product-choice.is-locked .zz-product-link{pointer-events:none;background:#a8a1a9;box-shadow:none}.zz-page .zz-product-slider-arrow{position:absolute;top:43%;z-index:5;width:43px;height:43px;border:1px solid rgba(117,70,122,.12);border-radius:50%;display:grid;place-items:center;color:#704876;background:rgba(255,255,255,.93);box-shadow:0 10px 24px rgba(65,34,70,.12);font-size:26px;cursor:pointer}.zz-page .zz-product-slider-arrow--prev{left:-18px}.zz-page .zz-product-slider-arrow--next{right:-18px}.zz-page .zz-product-loading{grid-column:1/-1;min-height:260px;display:flex;align-items:center;justify-content:center;gap:12px;color:#756a78;font-size:12px}.zz-page .zz-product-loading i{width:21px;height:21px;border:2px solid #dfcfe0;border-top-color:#91409a;border-radius:50%;animation:spin .8s linear infinite}.zz-page .zz-product-choice__note{margin-top:11px;padding:12px 14px;border-radius:14px;display:flex;gap:10px;color:#786d7a;background:rgba(255,255,255,.55);font-size:10px;line-height:1.5}.zz-page .zz-product-choice__note i{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:#ede1ee;color:#8c4393;font-weight:800}.zz-page .zz-ideas-strip,.zz-page .zz-edition-world,.zz-page .zz-process-section{display:none !important}@media(max-width:1050px){.zz-page .zz-builder-grid{grid-template-columns:1fr !important}.zz-page .zz-live-config-panel{position:relative !important;top:auto !important}.zz-page .zz-builder-summary{grid-template-columns:1fr 1fr !important}.zz-page .zz-builder-summary>span,.zz-page .zz-builder-summary>h4,.zz-page .zz-builder-summary>p{grid-column:1}.zz-page .zz-summary-list{grid-column:2;grid-row:1 / span 4}.zz-page .zz-order-button{grid-column:1;grid-row:5}.zz-page .zz-confirm-status{grid-column:2;grid-row:5}.zz-page .zz-order-disclaimer{grid-row:6}.zz-page .zz-engraving-product-track{grid-auto-columns:minmax(245px,42%)}}@media(max-width:700px){.zz-page .zz-photo-preview{aspect-ratio:1125 / 850 !important;min-height:0 !important}.zz-page .zz-photo-preview img{transform:none !important;object-fit:contain !important}.zz-page .zz-photo-engraving,.zz-page .zz-photo-engraving:not(.is-text){font-size:clamp(72px,25vw,112px) !important;max-width:58% !important}.zz-page .zz-photo-engraving.is-text{font-size:clamp(19px,6.8vw,30px) !important;max-width:52% !important}.zz-page .zz-builder-summary{width:calc(100% - 16px) !important;margin:14px 8px 0 !important;padding:21px 17px !important;display:block !important}.zz-page .zz-summary-list{margin:17px 0 !important;grid-template-columns:1fr !important}.zz-page .zz-order-button{width:100% !important;min-width:0 !important}.zz-page .zz-confirm-status{margin-top:10px}.zz-page .zz-order-disclaimer{margin-top:13px !important}.zz-page .zz-product-choice{margin:14px 8px 22px;padding:22px 16px}.zz-page .zz-product-choice__head{display:block}.zz-page .zz-product-lock{margin-top:17px;min-width:0}.zz-page .zz-engraving-product-track{grid-auto-columns:82%}.zz-page .zz-product-slider-arrow{display:none}.zz-page .zz-product-choice__head h3{font-size:34px}}.zz-page .container{width:min(1420px,calc(100% - 44px)) !important}.zz-page .zz-hub-nav-wrap{width:min(1420px,calc(100% - 44px)) !important}.zz-page .zz-personal-shell{border-radius:42px !important;box-shadow:0 36px 110px rgba(82,28,88,.17),0 0 0 1px rgba(255,255,255,.8) inset !important}.zz-page .zz-personal-builder{padding:38px 34px 25px !important}.zz-page .zz-builder-grid{grid-template-columns:minmax(420px,.78fr) minmax(680px,1.22fr) !important;gap:30px !important}.zz-page .zz-builder-card{padding:30px !important;border-radius:26px !important;box-shadow:0 18px 48px rgba(68,35,72,.075) !important}.zz-page .zz-live-config-panel{top:30px !important}.zz-page .zz-order-flow{margin:0 8px 30px;padding:13px 16px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;border-radius:21px;background:linear-gradient(115deg,#2f2832,#4b324e 48%,#6e3474);box-shadow:0 18px 42px rgba(56,30,60,.20);color:#fff}.zz-page .zz-order-flow>i{font-style:normal;color:rgba(255,255,255,.42);font-size:18px}.zz-page .zz-order-flow__step{min-width:0;display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:15px;color:rgba(255,255,255,.70)}.zz-page .zz-order-flow__step.is-active{color:#fff;background:rgba(255,255,255,.11);box-shadow:inset 0 1px rgba(255,255,255,.13)}.zz-page .zz-order-flow__step b{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:12px}.zz-page .zz-order-flow__step.is-active b{background:linear-gradient(135deg,#d276cb,#9b3fa5);box-shadow:0 8px 20px rgba(216,111,210,.28)}.zz-page .zz-order-flow__step span{font-size:12px;font-weight:800;line-height:1.25}.zz-page .zz-order-flow__step small{display:block;margin-bottom:3px;color:rgba(255,255,255,.48);font-size:8px;letter-spacing:.14em}.zz-page .zz-hub-tab--personal{order:-10 !important}.zz-page .zz-hub-tab--personal span{color:#fff !important}.zz-page .zz-hub-tab--personal{transform:translateZ(0);box-shadow:0 17px 42px rgba(135,43,145,.34),0 0 32px rgba(196,92,191,.23) !important}.zz-page .zz-engraving-option.is-active{color:#fff !important;background:linear-gradient(145deg,#a94ab2,#76297f) !important;border-color:transparent !important;box-shadow:0 13px 28px rgba(113,37,121,.21) !important}.zz-page .zz-engraving-option.is-active strong,.zz-page .zz-engraving-option.is-active i{color:#fff !important;-webkit-text-fill-color:#fff !important}.zz-page .zz-engraving-option:not(.is-active) strong{color:#514854 !important}.zz-page .zz-photo-preview{aspect-ratio:1125/850 !important;background:#f6f5f2 !important}.zz-page .zz-photo-preview img{object-fit:contain !important;transform:none !important}.zz-page .zz-photo-engraving,.zz-page .zz-photo-engraving:not(.is-text){color:rgba(104,105,104,.74) !important;-webkit-text-fill-color:rgba(104,105,104,.74) !important;font-size:clamp(118px,10.6vw,178px) !important;font-weight:650 !important;mix-blend-mode:multiply !important;opacity:.88 !important;filter:grayscale(1) contrast(.94) blur(.05px) !important;text-shadow:0 1.1px .7px rgba(255,255,255,.72),0 -1px .65px rgba(35,35,35,.30),.65px 0 .35px rgba(255,255,255,.30),-.65px 0 .4px rgba(40,40,40,.18) !important;}.zz-page .zz-photo-engraving:before,.zz-page .zz-photo-engraving:after{content:none !important;display:none !important}.zz-page .zz-photo-engraving.is-text{color:rgba(96,97,96,.77) !important;-webkit-text-fill-color:rgba(96,97,96,.77) !important;font-size:clamp(31px,3.35vw,54px) !important;font-weight:760 !important;letter-spacing:.085em !important;max-width:58% !important;}.zz-page .zz-engraving-zone{border-color:rgba(75,75,75,.07) !important}.zz-page .zz-builder-summary{width:calc(100% - 68px) !important;margin:28px 34px 0 !important;padding:34px !important;grid-template-columns:minmax(270px,.78fr) minmax(420px,1.22fr) minmax(270px,.55fr) !important;gap:34px !important}.zz-page .zz-order-button{min-width:270px !important;min-height:58px !important;padding:0 24px !important;border-radius:18px !important;box-shadow:0 18px 38px rgba(105,35,113,.24) !important}.zz-page .zz-product-choice{margin:28px 34px 36px !important;padding:36px !important}.zz-page .zz-product-choice:before{content:'2';position:absolute;right:28px;top:20px;color:rgba(139,55,148,.055);font-family:var(--title-font);font-size:118px;font-weight:800;line-height:1;pointer-events:none}.zz-page .zz-product-choice__head{position:relative;z-index:2}@media(max-width:1240px){.zz-page .zz-builder-grid{grid-template-columns:minmax(360px,.82fr) minmax(540px,1.18fr) !important;gap:20px !important}.zz-page .zz-builder-summary{grid-template-columns:1fr 1fr !important}.zz-page .zz-order-button{grid-column:1 !important;grid-row:5 !important}.zz-page .zz-confirm-status{grid-column:2 !important;grid-row:5 !important}}@media(max-width:1050px){.zz-page .container,.zz-page .zz-hub-nav-wrap{width:min(100% - 28px,1420px) !important}.zz-page .zz-builder-grid{grid-template-columns:1fr !important}.zz-page .zz-order-flow{grid-template-columns:1fr !important}.zz-page .zz-order-flow>i{display:none}.zz-page .zz-builder-summary{width:calc(100% - 40px) !important;margin:22px 20px 0 !important}.zz-page .zz-product-choice{margin:22px 20px 30px !important}}@media(max-width:700px){.zz-page .container,.zz-page .zz-hub-nav-wrap{width:min(100% - 16px,1420px) !important}.zz-page .zz-personal-builder{padding:22px 7px 12px !important}.zz-page .zz-order-flow{margin:0 7px 20px;padding:10px !important}.zz-page .zz-photo-engraving,.zz-page .zz-photo-engraving:not(.is-text){font-size:clamp(80px,26vw,122px) !important}.zz-page .zz-photo-engraving.is-text{font-size:clamp(21px,7vw,33px) !important;max-width:58% !important}.zz-page .zz-builder-summary{width:calc(100% - 14px) !important;margin:14px 7px 0 !important;padding:22px 17px !important}.zz-page .zz-product-choice{margin:14px 7px 22px !important;padding:23px 16px !important}}.zz-page .zz-hub-nav-wrap{width:min(1420px,calc(100% - 44px)) !important;margin-left:auto !important;margin-right:auto !important;}.zz-page .zz-hub-nav{width:100% !important;max-width:1120px !important;margin-left:auto !important;margin-right:auto !important;}.zz-page .zz-hub-tab{position:relative;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active{color:#762b80 !important;background:rgba(255,255,255,.92) !important;border:1px solid rgba(145,52,153,.16) !important;box-shadow:0 10px 24px rgba(83,35,89,.08),inset 0 0 0 1px rgba(255,255,255,.74) !important;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active i{color:#8f3699 !important;background:#f3e7f4 !important;box-shadow:none !important;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active::after{content:"";position:absolute;left:50%;bottom:5px;width:32px;height:3px;border-radius:999px;transform:translateX(-50%);background:linear-gradient(90deg,#c66ac2,#873191);box-shadow:0 3px 10px rgba(135,49,145,.22);}.zz-page .zz-hub-tab--personal,.zz-page .zz-hub-tab--personal.is-active{color:#fff !important;border:0 !important;background:linear-gradient(115deg,#5d1d68 0%,#9b36a5 48%,#c55ac2 100%) !important;box-shadow:0 17px 42px rgba(135,43,145,.34),0 0 32px rgba(196,92,191,.23) !important;}.zz-page .zz-hub-tab--personal i,.zz-page .zz-hub-tab--personal.is-active i{color:#fff !important;background:rgba(255,255,255,.16) !important;}@media(max-width:1050px){.zz-page .zz-hub-nav-wrap{width:min(100% - 28px,1420px) !important;}}@media(max-width:700px){.zz-page .zz-hub-nav-wrap{width:min(100% - 16px,1420px) !important;}.zz-page .zz-hub-nav{max-width:none !important;}}.zz-page{--advent-plum:#35162f;--advent-plum-2:#4b2048;--advent-purple:#763477;--advent-gold:#caa96f;--advent-gold-soft:#ecd9b6;--advent-cream:#fffaf4;--title-font:"Cormorant Garamond",Georgia,serif !important;--body-font:"Outfit",Arial,sans-serif !important;color:#342a36;background:radial-gradient(circle at 8% 4%,rgba(206,157,201,.22),transparent 25%),radial-gradient(circle at 92% 11%,rgba(228,200,159,.18),transparent 23%),linear-gradient(180deg,#fffaf6 0%,#f7eef5 38%,#fbf6f0 68%,#f5edf4 100%) !important;}.zz-page h1,.zz-page h2,.zz-page h3,.zz-page h4,.zz-page h5,.zz-page h6,.zz-page .zz-hero-title__line,.zz-page .clock-center strong,.zz-page .identity h3,.zz-page .quote blockquote{font-family:"Cormorant Garamond",Georgia,serif !important;}.zz-page .hero{min-height:760px !important;padding:92px 0 76px !important;overflow:hidden !important;background:linear-gradient(90deg,rgba(34,13,31,.95) 0%,rgba(54,19,50,.89) 40%,rgba(80,31,72,.66) 68%,rgba(92,44,82,.38) 100%),linear-gradient(135deg,#2c1028,#56234f 58%,#754267) !important;isolation:isolate;}.zz-page .hero::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:-2 !important;opacity:1 !important;background:radial-gradient(circle at 76% 18%,rgba(255,239,202,.92) 0 5px,rgba(255,206,124,.23) 7px 24px,transparent 56px),radial-gradient(circle at 88% 27%,rgba(255,231,178,.84) 0 4px,rgba(255,190,104,.20) 6px 20px,transparent 50px),radial-gradient(circle at 69% 43%,rgba(255,244,216,.72) 0 3px,rgba(255,205,134,.16) 5px 18px,transparent 46px),radial-gradient(circle at 93% 50%,rgba(255,231,177,.58) 0 3px,rgba(255,187,104,.13) 5px 15px,transparent 40px),radial-gradient(circle at 82% 70%,rgba(255,246,223,.50) 0 3px,rgba(255,198,119,.11) 5px 14px,transparent 38px),radial-gradient(circle at 57% 12%,rgba(224,178,218,.13),transparent 25%) !important;pointer-events:none;}.zz-page .hero::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;opacity:.66 !important;background-image:radial-gradient(circle,rgba(255,255,255,.82) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(232,204,156,.72) 0 1px,transparent 1.5px) !important;background-size:92px 92px,137px 137px !important;background-position:0 0,39px 24px !important;mask-image:linear-gradient(#000,rgba(0,0,0,.82) 76%,transparent) !important;pointer-events:none;}.zz-page .hero-grid{position:relative;z-index:2}.zz-page .eyebrow{color:var(--advent-gold-soft) !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(236,217,182,.24) !important;box-shadow:0 15px 38px rgba(10,4,9,.18) !important;backdrop-filter:blur(14px) !important;}.zz-page h1{margin-top:25px !important;font-size:clamp(54px,6.7vw,94px) !important;line-height:.89 !important;letter-spacing:-.045em !important;font-weight:600 !important;}.zz-page .zz-hero-title__line--dark{color:#fffaf6 !important}.zz-page .zz-hero-title__line--accent{color:transparent !important;background:linear-gradient(100deg,#f6e8ca,#dcb985 48%,#eed7b2) !important;-webkit-background-clip:text !important;background-clip:text !important;font-style:italic;font-weight:500 !important;}.zz-page .lead{max-width:650px !important;color:rgba(255,250,248,.74) !important;font-size:16px !important;}.zz-page .hero-actions > .primary-button{border:1px solid rgba(255,255,255,.12) !important;border-radius:16px 5px 16px 16px !important;background:linear-gradient(120deg,#a45a99,#7c3678 48%,#4e2049) !important;box-shadow:0 20px 44px rgba(18,5,16,.28),inset 0 1px rgba(255,255,255,.13) !important;}.zz-page .gift-note{color:#fff !important;background:rgba(255,255,255,.085) !important;border:1px solid rgba(236,217,182,.20) !important;box-shadow:0 16px 38px rgba(15,4,14,.18) !important;backdrop-filter:blur(14px) !important;}.zz-page .gift-note i{color:var(--advent-gold-soft) !important;background:rgba(232,206,165,.12) !important}.zz-page .gift-note strong{color:#fff !important}.zz-page .gift-note small{color:rgba(255,255,255,.62) !important}.zz-page .astro-scene,.zz-page .astro-clock{filter:drop-shadow(0 36px 55px rgba(10,3,10,.28)) !important;}.zz-page .zodiac-icon{color:#f3dfbd !important;background:rgba(57,23,52,.74) !important;border-color:rgba(235,211,173,.23) !important;box-shadow:0 12px 28px rgba(5,1,5,.22) !important;}.zz-page .clock-center{background:radial-gradient(circle at 34% 18%,rgba(255,255,255,.18),transparent 38%),linear-gradient(145deg,#8f5089,#6a2e66 58%,#3f183b) !important;border-color:rgba(239,216,178,.31) !important;box-shadow:0 23px 52px rgba(17,4,16,.34),inset 0 0 30px rgba(255,255,255,.08) !important;}.zz-page .ring{border-color:rgba(236,217,182,.22) !important}.zz-page .finder{padding-top:72px !important}.zz-page .kicker,.zz-page .micro-label{color:#a17750 !important;letter-spacing:.18em !important}.zz-page .section-head h2,.zz-page .zz-tool-intro h2,.zz-page .zz-builder-head h3,.zz-page .zz-personal-copy h2{color:var(--advent-plum) !important;font-weight:600 !important;letter-spacing:-.04em !important;}.zz-page .glass,.zz-page .profile-panel,.zz-page .palette-card,.zz-page .product-card,.zz-page .zz-product-recommendations,.zz-page .zz-tool-hero,.zz-page .zz-calculator,.zz-page .zz-builder-card,.zz-page .zz-builder-summary,.zz-page .zz-product-choice{border-color:rgba(202,169,111,.18) !important;background:radial-gradient(circle at 100% 0%,rgba(232,205,164,.08),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(249,241,247,.89)) !important;box-shadow:0 20px 54px rgba(67,24,61,.075),inset 0 1px rgba(255,255,255,.86) !important;}.zz-page .sign-card{position:relative;overflow:hidden;border-radius:20px 6px 20px 20px !important;border:1px solid rgba(202,169,111,.16) !important;background:radial-gradient(circle at 100% 0%,rgba(231,202,160,.10),transparent 33%),rgba(255,255,255,.79) !important;box-shadow:0 14px 34px rgba(65,24,61,.055) !important;}.zz-page .sign-card::after{content:"✦";position:absolute;right:10px;top:8px;color:rgba(202,169,111,.32);font-size:9px;pointer-events:none;}.zz-page .sign-card:hover{background:radial-gradient(circle at 86% 0,rgba(255,255,255,.17),transparent 34%),linear-gradient(140deg,var(--accent,#af5cb8),var(--accent-dark,#78317f)) !important;border-color:rgba(238,217,184,.24) !important;}.zz-page .profile-panel{background:radial-gradient(circle at 11% 0,var(--accent-light),transparent 29%),radial-gradient(circle at 93% 33%,rgba(226,198,159,.18),transparent 31%),linear-gradient(145deg,#fffdfa,#f7eef5 61%,#f2e7f0) !important;}.zz-page .identity-symbol{border-color:rgba(202,169,111,.20) !important}.zz-page .swatch i{border:1px solid rgba(255,255,255,.88)}.zz-page .zz-hub-nav{background:rgba(255,255,255,.84) !important;border:1px solid rgba(202,169,111,.18) !important;box-shadow:0 18px 44px rgba(68,24,63,.08) !important;}.zz-page .zz-hub-tab{border-radius:14px 4px 14px 14px !important}.zz-page .zz-hub-tab.is-active,.zz-page .zz-hub-tab--personal{color:#fff !important;background:linear-gradient(135deg,#8f5389,#6a3066 57%,#4a2046) !important;box-shadow:0 13px 28px rgba(64,21,59,.18) !important;}.zz-page .zz-personal-section{position:relative;padding-top:45px !important}.zz-page .zz-personal-hero{overflow:hidden !important;border:1px solid rgba(202,169,111,.21) !important;border-radius:34px 8px 34px 34px !important;background:radial-gradient(circle at 50% -12%,rgba(255,255,255,.96),transparent 38%),radial-gradient(circle at 5% 14%,rgba(195,121,191,.13),transparent 26%),radial-gradient(circle at 95% 86%,rgba(232,203,156,.18),transparent 28%),linear-gradient(145deg,#fffdf9,#f7eef5 64%,#f4e8ef) !important;box-shadow:0 28px 75px rgba(62,21,58,.10) !important;}.zz-page .zz-personal-hero::after{content:"✦  ✧  ✦";position:absolute;right:34px;top:25px;color:rgba(196,155,95,.30);font-family:Georgia,serif;font-size:12px;letter-spacing:16px;pointer-events:none;}.zz-page .zz-personal-point{border-color:rgba(202,169,111,.17) !important;background:rgba(255,255,255,.70) !important;}.zz-page .zz-campaign-label{color:#8b6547 !important;background:#f7ecdc !important;border-color:rgba(202,169,111,.23) !important;}.zz-page .zz-order-flow{border:1px solid rgba(238,218,183,.11) !important;background:radial-gradient(circle at 7% 0,rgba(219,172,210,.16),transparent 31%),linear-gradient(115deg,#2e142b,#4b2046 48%,#6d3568) !important;box-shadow:0 20px 48px rgba(42,14,39,.22) !important;}.zz-page .zz-order-flow__step.is-active b{color:#442040 !important;background:linear-gradient(135deg,#f2ddbb,#cba76c) !important;}.zz-page .zz-photo-preview{border-color:rgba(202,169,111,.20) !important;box-shadow:0 22px 56px rgba(54,20,51,.12) !important;}.zz-page .zz-photo-preview::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 86% 13%,rgba(255,225,173,.26) 0 3px,rgba(255,208,139,.07) 6px 23px,transparent 47px),radial-gradient(circle at 92% 23%,rgba(255,237,204,.21) 0 2px,rgba(255,207,132,.06) 5px 18px,transparent 42px),linear-gradient(180deg,rgba(87,32,78,.04),transparent 45%,rgba(54,18,49,.08));}.zz-page .zz-process-section{border:1px solid rgba(233,213,180,.11) !important;border-radius:30px 8px 30px 30px !important;background:radial-gradient(circle at 4% 0,rgba(199,126,191,.17),transparent 30%),radial-gradient(circle at 93% 22%,rgba(226,190,132,.10),transparent 24%),linear-gradient(145deg,#2b1429,#3a1a37 56%,#4c2447) !important;box-shadow:0 24px 62px rgba(42,13,39,.24) !important;}.zz-page .zz-campaign-banner{border:1px solid rgba(240,220,185,.16) !important;border-radius:28px 7px 28px 28px !important;background:radial-gradient(circle at 88% 20%,rgba(255,239,209,.17),transparent 25%),radial-gradient(circle at 10% 0,rgba(221,166,211,.18),transparent 30%),linear-gradient(115deg,#4b1e46,#71346b 57%,#91538a) !important;box-shadow:0 24px 58px rgba(57,18,53,.24) !important;}.zz-page .zz-campaign-banner button{color:#572351 !important;border-radius:16px 4px 16px 16px !important;background:linear-gradient(135deg,#fffdf8,#f1ddbb) !important;}.zz-page .zz-field input,.zz-page .zz-field select{border-color:rgba(202,169,111,.21) !important;background:rgba(255,255,255,.85) !important;}.zz-page .zz-field input:focus,.zz-page .zz-field select:focus{border-color:#9b658d !important;box-shadow:0 0 0 3px rgba(155,101,141,.09) !important;}.zz-page .zz-product-link,.zz-page .primary-button,.zz-page .zz-order-button{border-radius:15px 4px 15px 15px !important;}.zz-page .zz-order-button{color:#fff !important;background:linear-gradient(135deg,#8c4d85,#64305f 60%,#461d42) !important;box-shadow:0 17px 38px rgba(66,22,61,.19) !important;}.zz-page .section-head::after,.zz-page .zz-builder-head::after,.zz-page .zz-tool-intro::after{content:"✦  ───  ✧";display:block;width:max-content;margin-top:15px;color:rgba(172,132,82,.46);font-family:Georgia,serif;font-size:10px;letter-spacing:.15em;}@media(max-width:900px){.zz-page .hero{min-height:auto !important;padding:76px 0 54px !important}.zz-page h1{font-size:clamp(50px,11vw,78px) !important}}@media(max-width:560px){.zz-page .hero{padding:54px 0 42px !important}.zz-page h1{font-size:clamp(42px,13.6vw,60px) !important;line-height:.91 !important}.zz-page .lead{font-size:14px !important}.zz-page .hero-actions{grid-template-columns:1fr !important}.zz-page .section-head h2,.zz-page .zz-tool-intro h2,.zz-page .zz-personal-copy h2{font-size:clamp(38px,11vw,50px) !important;line-height:.96 !important;}}.zz-page{--xmas-tree:url("https://zisano.at/wp-content/uploads/2026/08/asset_xmas1.png");--xmas-ribbon:url("https://zisano.at/wp-content/uploads/2026/08/asset_xmas.png");}.zz-page .hero{position:relative !important;width:100% !important;height:100svh !important;min-height:720px !important;max-height:none !important;display:grid !important;align-items:center !important;padding:clamp(90px,10vh,132px) 0 clamp(92px,11vh,128px) !important;overflow:hidden !important;}.zz-page .hero .container.hero-grid{width:min(1420px,calc(100% - 44px)) !important;margin:auto !important;}.zz-page .hero::before{background:radial-gradient(circle at 74% 18%,rgba(255,241,210,.98) 0 4px,rgba(255,205,123,.26) 7px 23px,transparent 58px),radial-gradient(circle at 88% 25%,rgba(255,231,178,.90) 0 4px,rgba(255,190,103,.21) 7px 21px,transparent 52px),radial-gradient(circle at 81% 39%,rgba(255,244,219,.78) 0 3px,rgba(255,209,139,.18) 6px 18px,transparent 47px),radial-gradient(circle at 95% 47%,rgba(255,229,173,.68) 0 3px,rgba(255,184,101,.15) 6px 16px,transparent 42px),radial-gradient(circle at 68% 62%,rgba(255,245,221,.51) 0 2px,rgba(255,200,120,.12) 5px 15px,transparent 39px),radial-gradient(circle at 91% 74%,rgba(255,239,206,.45) 0 2px,rgba(255,199,119,.10) 5px 13px,transparent 36px),radial-gradient(circle at 59% 11%,rgba(224,178,218,.14),transparent 25%) !important;}.zz-page .zz-xmas-scroll{position:absolute;z-index:20;left:50%;bottom:25px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,249,244,.77);text-decoration:none;font-family:var(--body-font);font-size:9px;line-height:1;font-weight:800;letter-spacing:.20em;text-transform:uppercase;transition:color .25s ease,transform .25s ease;}.zz-page .zz-xmas-scroll:hover{color:#f1ddb9;transform:translateX(-50%) translateY(3px);}.zz-page .zz-xmas-scroll i{position:relative;width:28px;height:22px;display:block;}.zz-page .zz-xmas-scroll i b{position:absolute;left:50%;width:10px;height:10px;margin-left:-5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);animation:zzXmasChevron 1.8s ease-in-out infinite;}.zz-page .zz-xmas-scroll i b:first-child{top:-1px}.zz-page .zz-xmas-scroll i b:last-child{top:7px;animation-delay:.18s}@keyframes zzXmasChevron{0%,100%{opacity:.35;transform:translateY(-2px) rotate(45deg)}50%{opacity:1;transform:translateY(3px) rotate(45deg)}}.zz-page .zz-hub-nav-wrap{position:relative !important;top:auto !important;z-index:80 !important;width:min(1420px,calc(100% - 44px)) !important;margin:0 auto !important;padding:96px 130px 54px !important;pointer-events:none;isolation:isolate;}.zz-page .zz-hub-nav-wrap::before{content:"DEINE ZODIAC WEIHNACHTSWELT";position:absolute;z-index:4;left:50%;top:55px;transform:translateX(-50%);color:#9a7956;font-family:var(--body-font);font-size:9px;line-height:1;font-weight:900;letter-spacing:.19em;white-space:nowrap;pointer-events:none;}.zz-page .zz-hub-nav-wrap::after{content:"";position:absolute;z-index:1;left:4px;top:22px;width:185px;height:185px;background-image:var(--xmas-tree);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.72;filter:saturate(.55)sepia(.08)hue-rotate(262deg)brightness(1.08)contrast(.88);mix-blend-mode:multiply;transform:rotate(-6deg);pointer-events:none;}.zz-page .zz-hub-nav{position:relative !important;z-index:3 !important;width:100% !important;max-width:1160px !important;margin:0 auto !important;padding:10px !important;gap:8px !important;border:1px solid rgba(202,169,111,.22) !important;border-radius:26px 8px 26px 26px !important;background:radial-gradient(circle at 50% -35%,rgba(228,196,146,.12),transparent 47%),linear-gradient(145deg,rgba(255,255,255,.90),rgba(249,240,247,.88)) !important;box-shadow:0 24px 65px rgba(63,20,58,.12),inset 0 1px rgba(255,255,255,.92) !important;backdrop-filter:blur(22px) saturate(116%) !important;pointer-events:auto !important;}.zz-page .zz-hub-nav::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,166,107,.72),transparent);pointer-events:none;}.zz-page .zz-hub-tab{min-height:64px !important;border-radius:18px 6px 18px 18px !important;transition:transform .24s ease,box-shadow .24s ease,background .24s ease,color .24s ease !important;}.zz-page .zz-hub-tab:hover{transform:translateY(-3px);}.zz-page .zz-hub-tab i{border:1px solid rgba(202,169,111,.11);}.zz-page #zz-xmas-nav .zz-hub-nav::after{content:"";position:absolute;z-index:-1;right:-112px;bottom:-47px;width:156px;height:156px;background-image:var(--xmas-tree);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.46;filter:saturate(.48)sepia(.10)hue-rotate(266deg)brightness(1.12)contrast(.86);transform:rotate(8deg);pointer-events:none;}.zz-page .zz-campaign-banner{isolation:isolate;}.zz-page .zz-campaign-banner::after{content:"";position:absolute;z-index:0;right:-14px;top:-31px;width:245px;height:170px;background-image:var(--xmas-ribbon);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.26;filter:saturate(.55)sepia(.09)hue-rotate(267deg)brightness(1.15);mix-blend-mode:screen;transform:rotate(5deg);pointer-events:none;}.zz-page .zz-campaign-banner > *{position:relative;z-index:2;}.zz-page .finder{position:relative;isolation:isolate;}.zz-page .finder::before{content:"";position:absolute;z-index:-1;right:clamp(-30px,2vw,20px);top:18px;width:125px;height:125px;background-image:var(--xmas-tree);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.12;filter:saturate(.4) hue-rotate(260deg);transform:rotate(9deg);pointer-events:none;}@media(max-width:1050px){.zz-page .hero{height:100svh !important;min-height:700px !important;padding:84px 0 92px !important;}.zz-page .zz-hub-nav-wrap{width:min(100% - 28px,1420px) !important;padding:88px 76px 48px !important;}.zz-page .zz-hub-nav-wrap::after{left:-20px;width:145px;height:145px;}.zz-page #zz-xmas-nav .zz-hub-nav::after{right:-77px;width:125px;height:125px;}}@media(max-width:700px){.zz-page .hero{height:auto !important;min-height:100svh !important;padding:60px 0 92px !important;}.zz-page .zz-xmas-scroll{bottom:18px;}.zz-page .zz-hub-nav-wrap{width:min(100% - 16px,1420px) !important;padding:76px 0 36px !important;}.zz-page .zz-hub-nav-wrap::before{top:37px;font-size:7.7px;letter-spacing:.15em;}.zz-page .zz-hub-nav-wrap::after{left:-12px;top:4px;width:92px;height:92px;opacity:.48;}.zz-page #zz-xmas-nav .zz-hub-nav::after{right:-8px;bottom:-54px;width:82px;height:82px;opacity:.25;}.zz-page .zz-hub-nav{max-width:none !important;padding:7px !important;gap:6px !important;border-radius:22px 7px 22px 22px !important;}.zz-page .zz-hub-tab{min-height:55px !important;}.zz-page .finder::before{width:88px;height:88px;opacity:.08;}}@media(prefers-reduced-motion:reduce){.zz-page .zz-xmas-scroll i b{animation:none !important;}}html:has(.zz-page),body:has(.zz-page){background:#241122 !important;}.zz-page{background:radial-gradient(circle at 9% 2%,rgba(181,105,177,.19),transparent 25%),radial-gradient(circle at 92% 10%,rgba(218,179,124,.12),transparent 24%),radial-gradient(circle at 60% 43%,rgba(93,43,91,.12),transparent 30%),linear-gradient(180deg,#3b1937 0%,#563050 13%,#eadde8 30%,#f5ecf3 65%,#decddc 100%) !important;}.zz-page .zz-personal-section{padding-top:64px !important;background:radial-gradient(circle at 9% 6%,rgba(214,153,207,.12),transparent 23%),radial-gradient(circle at 91% 10%,rgba(223,184,127,.11),transparent 23%),linear-gradient(180deg,rgba(64,28,60,.23),rgba(248,240,247,.18) 24%,transparent 76%) !important;}.zz-page .zz-personal-copy h2{font-size:clamp(48px,5.4vw,76px) !important;}.zz-page .zz-engraving-target-shell{width:min(1260px,calc(100% - 16px));margin:8px auto 28px;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:11px;align-items:center;}.zz-page .zz-target-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;}.zz-page .zz-target-card{min-width:0;min-height:106px;padding:15px 17px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;align-items:center;text-align:left;border:1px solid rgba(202,169,111,.16);border-radius:22px 7px 22px 22px;color:#514553;background:radial-gradient(circle at 100% 0%,rgba(222,189,142,.11),transparent 35%),rgba(255,255,255,.76);box-shadow:0 13px 34px rgba(64,23,59,.06);cursor:pointer;transition:.25s ease;}.zz-page .zz-target-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(64,23,59,.12)}.zz-page .zz-target-card.is-active{color:#fff;border-color:rgba(237,217,181,.24);background:radial-gradient(circle at 90% 0%,rgba(255,240,210,.16),transparent 34%),linear-gradient(135deg,#865080,#653060 56%,#441c40);box-shadow:0 19px 42px rgba(55,18,51,.22);}.zz-page .zz-target-card>i{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;color:#89507f;background:#f5e8f2;font-style:normal;font-size:21px;}.zz-page .zz-target-card.is-active>i{color:#4b2146;background:linear-gradient(145deg,#f5e5c8,#d4b27a)}.zz-page .zz-target-card small,.zz-page .zz-target-card strong,.zz-page .zz-target-card em{display:block}.zz-page .zz-target-card small{color:#a27c56;font-size:8px;font-weight:900;letter-spacing:.12em}.zz-page .zz-target-card strong{margin-top:4px;font-size:13px}.zz-page .zz-target-card em{margin-top:4px;color:#8c7f8e;font-size:9px;font-style:normal}.zz-page .zz-target-card.is-active small{color:#ead4ae}.zz-page .zz-target-card.is-active em{color:rgba(255,255,255,.60)}.zz-page .zz-target-arrow,.zz-page .zz-preview-pager button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(202,169,111,.18);border-radius:13px 4px 13px 13px;color:#75466f;background:rgba(255,255,255,.82);box-shadow:0 10px 24px rgba(62,22,57,.07);cursor:pointer;font-size:23px;}.zz-page .zz-builder-grid--v4{grid-template-columns:minmax(390px,.78fr) minmax(560px,1.22fr) !important;gap:26px !important;align-items:start !important;}.zz-page .zz-builder-left{display:grid;gap:16px;min-width:0}.zz-page .zz-builder-left .zz-builder-summary{width:100% !important;margin:0 !important;padding:25px !important;display:block !important;}.zz-page .zz-builder-left .zz-summary-list{margin:17px 0 !important;display:grid !important;grid-template-columns:1fr !important;gap:8px !important;}.zz-page .zz-card-step{margin-bottom:16px;display:flex;align-items:center;gap:10px;}.zz-page .zz-card-step>span{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;color:#65305f;background:#f4e4ce;font-size:9px;font-weight:900;}.zz-page .zz-card-step>strong{color:#6f6072;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.zz-page .zz-photo-engraving--v4{z-index:12 !important;color:rgba(255,255,255,.88) !important;opacity:1 !important;mix-blend-mode:screen !important;filter:drop-shadow(0 1px 1px rgba(41,19,38,.78))drop-shadow(0 0 3px rgba(255,255,255,.40)) !important;text-shadow:0 1px 0 rgba(40,20,38,.80),0 0 5px rgba(255,255,255,.32) !important;pointer-events:none;}.zz-page .zz-live-config-panel{position:sticky !important;top:22px !important;}.zz-page .zz-preview-stage-head{margin-bottom:11px;display:flex;justify-content:space-between;gap:20px;align-items:center;}.zz-page .zz-preview-stage-head strong{display:block;margin-top:5px;color:#3d303f;font-size:14px}.zz-page .zz-preview-pager{display:flex;gap:7px;align-items:center}.zz-page .zz-preview-pager button{width:34px;height:34px;font-size:18px}.zz-page #zz-preview-counter{min-width:40px;color:#8b788d;font-size:9px;font-weight:800;text-align:center}.zz-page .zz-preview-carousel{position:relative;overflow:hidden;border-radius:28px 8px 28px 28px;background:#ece5eb;box-shadow:0 22px 58px rgba(51,18,47,.13);}.zz-page .zz-preview-track{display:flex;width:100%;transition:transform .45s cubic-bezier(.2,.8,.2,1);}.zz-page .zz-target-preview{flex:0 0 100%;width:100%;min-width:100%;padding:13px;}.zz-page .zz-target-preview>p{margin:12px 5px 3px;color:#756a78;font-size:10px;line-height:1.55;}.zz-page .zz-photo-preview--verschluss,.zz-page .zz-mock-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:1125/850;min-height:0 !important;border-radius:23px 7px 23px 23px;background:radial-gradient(circle at 72% 18%,rgba(255,228,179,.22),transparent 22%),linear-gradient(145deg,#e7e0e5,#cac1c9);}.zz-page .zz-photo-preview--verschluss img{width:100%;height:100%;object-fit:contain;}.zz-page .zz-preview-chip{z-index:14 !important;}.zz-page .zz-mock-preview{display:grid;place-items:center;isolation:isolate;}.zz-page .zz-mock-preview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(255,235,195,.37) 0 3px,rgba(255,203,126,.08) 6px 20px,transparent 44px),radial-gradient(circle at 88% 27%,rgba(255,246,224,.30) 0 2px,rgba(255,205,132,.07) 5px 16px,transparent 38px);pointer-events:none;}.zz-page .zz-pendant-mock{position:relative;width:42%;aspect-ratio:.76;border-radius:28px 28px 34px 34px;background:linear-gradient(145deg,#ddd8d7,#aaa3a4 52%,#ece9e7);box-shadow:0 30px 48px rgba(42,30,41,.18),inset 0 1px 2px rgba(255,255,255,.9);display:grid;place-items:end center;padding-bottom:16%;}.zz-page .zz-pendant-mock::before{content:"";position:absolute;left:50%;top:-10%;width:22%;aspect-ratio:1;transform:translateX(-50%);border:8px solid #bbb5b5;border-radius:50%;}.zz-page .zz-pendant-mock i{position:absolute;inset:13% 14% 20%;border:1px solid rgba(55,51,53,.16);border-radius:18px;}.zz-page .zz-pendant-mock b{color:rgba(49,45,48,.30);font-size:10px;letter-spacing:.16em}.zz-page .zz-bottle-mock{position:relative;width:33%;height:78%;min-height:330px;border-radius:32px 32px 42px 42px;background:linear-gradient(145deg,#d8d3d2,#aaa5a4 51%,#eeeae8);box-shadow:0 34px 55px rgba(42,30,41,.18),inset 0 1px 2px rgba(255,255,255,.95);display:grid;place-items:end center;padding-bottom:10%;}.zz-page .zz-bottle-mock::before{content:"";position:absolute;left:19%;right:19%;top:-8%;height:15%;border-radius:13px 13px 5px 5px;background:linear-gradient(145deg,#cbc6c4,#96908f);}.zz-page .zz-bottle-mock i{position:absolute;left:22%;right:22%;top:18%;bottom:17%;border:1px dashed rgba(75,60,72,.18);border-radius:18px;}.zz-page .zz-bottle-mock b{color:rgba(49,45,48,.28);font-size:10px;letter-spacing:.16em}.zz-page .zz-preview-image-note{position:absolute;left:18px;bottom:17px;z-index:5;color:#766a77;font-size:9px;font-weight:700;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.84);border-radius:999px;padding:7px 10px;}.zz-page .zz-zodiac-artwork-preview{position:absolute;z-index:11;left:50%;top:49%;width:25%;max-height:58%;transform:translate(-50%,-50%);object-fit:contain;filter:brightness(1.35) drop-shadow(0 1px 1px rgba(30,20,29,.70));}.zz-page .zz-preview-carousel[data-current-target="verschluss"] .zz-photo-engraving--v4{left:50% !important;top:49.4% !important;max-width:54% !important;}.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4{left:50% !important;top:50% !important;max-width:27% !important;font-size:clamp(44px,4vw,68px) !important;}.zz-page .zz-preview-carousel[data-current-target="flasche"] .zz-photo-engraving--v4{left:50% !important;top:48% !important;max-width:21% !important;font-size:clamp(72px,7vw,118px) !important;}.zz-page .zz-preview-carousel[data-current-target="flasche"] .zz-photo-engraving--v4.is-text{max-width:20% !important;font-size:clamp(18px,2vw,31px) !important;white-space:normal !important;}.zz-page .zz-flask-zodiac-note{margin-top:11px;padding:11px 13px;display:none;color:#806f82;background:#f6edf4;border:1px solid rgba(155,80,150,.09);border-radius:13px;font-size:9px;line-height:1.5;}.zz-page[data-engraving-target="flasche"] .zz-flask-zodiac-note{display:block}.zz-page .zz-confirmed-targets{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px;}.zz-page .zz-confirmed-target{padding:8px 10px;border-radius:999px;color:#5f3658;background:#f4e7d4;border:1px solid rgba(202,169,111,.20);font-size:8px;font-weight:900;letter-spacing:.06em;}.zz-page .zz-product-category-tabs--v4{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}.zz-page .zz-product-category-tabs--v4 button b{min-width:20px;height:20px;margin-left:6px;display:inline-grid;place-items:center;border-radius:999px;color:#fff;background:#6e3568;font-size:8px;}.zz-page .zz-engraving-product-card.is-selected{border-color:rgba(202,169,111,.54) !important;box-shadow:0 0 0 3px rgba(202,169,111,.10),0 20px 44px rgba(62,20,57,.12) !important;}.zz-page .zz-product-select{width:100%;min-height:42px;margin-top:9px;border:1px solid rgba(117,56,111,.16);border-radius:13px 4px 13px 13px;color:#6d3567;background:#f6edf4;font-weight:850;cursor:pointer;}.zz-page .zz-engraving-product-card.is-selected .zz-product-select{color:#fff;background:linear-gradient(135deg,#8c4d85,#5d2a58);}.zz-page .zz-product-colors{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px;}.zz-page .zz-product-colors span{padding:5px 7px;border-radius:999px;color:#766b78;background:#f2edf1;border:1px solid rgba(108,68,103,.08);font-size:8px;}.zz-page .zz-selected-basket{margin-top:16px;padding:14px 16px;display:flex;justify-content:space-between;gap:18px;align-items:center;border:1px solid rgba(202,169,111,.18);border-radius:18px 6px 18px 18px;background:linear-gradient(145deg,#fffaf3,#f4e9f1);}.zz-page .zz-selected-basket strong{display:block;margin-top:5px;color:#4f4051;font-size:11px}.zz-page .zz-selected-basket button{min-height:40px;padding:0 14px;border:0;border-radius:12px 4px 12px 12px;color:#fff;background:#63305e;cursor:pointer;font-weight:800;font-size:10px;}@media(max-width:1050px){.zz-page .zz-builder-grid--v4{grid-template-columns:1fr !important}.zz-page .zz-live-config-panel{position:relative !important;top:auto !important}.zz-page .zz-target-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}.zz-page .zz-target-track::-webkit-scrollbar{display:none}.zz-page .zz-target-card{flex:0 0 64%;scroll-snap-align:center}}@media(max-width:700px){.zz-page .zz-engraving-target-shell{grid-template-columns:34px minmax(0,1fr) 34px;width:100%;gap:6px}.zz-page .zz-target-arrow{width:34px;height:34px}.zz-page .zz-target-card{flex-basis:84%;min-height:94px;padding:12px}.zz-page .zz-builder-left .zz-builder-summary{padding:20px 16px !important}.zz-page .zz-preview-stage-head{align-items:flex-end}.zz-page .zz-bottle-mock{width:40%;min-height:245px}.zz-page .zz-pendant-mock{width:49%}.zz-page .zz-product-category-tabs--v4{display:flex !important;overflow-x:auto;scrollbar-width:none;}.zz-page .zz-product-category-tabs--v4::-webkit-scrollbar{display:none}.zz-page .zz-product-category-tabs--v4 button{flex:0 0 auto;min-width:105px}.zz-page .zz-selected-basket{display:block}.zz-page .zz-selected-basket button{width:100%;margin-top:11px}}.zz-page .hero::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;opacity:1 !important;background:radial-gradient(ellipse at 75% 31%,rgba(152,73,151,.22) 0%,rgba(110,49,111,.11) 23%,transparent 49%),radial-gradient(ellipse at 88% 52%,rgba(206,142,181,.12) 0%,rgba(132,68,126,.08) 24%,transparent 46%),radial-gradient(ellipse at 58% 18%,rgba(115,55,127,.12) 0%,transparent 42%),radial-gradient(ellipse at 71% 69%,rgba(205,170,116,.07) 0%,transparent 38%),linear-gradient(105deg,transparent 0 48%,rgba(255,255,255,.015) 58%,transparent 70%) !important;background-size:auto !important;background-position:center !important;mask-image:none !important;pointer-events:none !important;}.zz-page .zz-cosmic-stars{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.zz-page .zz-cosmic-star{position:absolute;display:block;width:var(--s,2px);height:var(--s,2px);border-radius:50%;background:rgba(255,251,244,var(--o,.55));box-shadow:0 0 calc(var(--s,2px)*3) rgba(255,240,211,.18),0 0 calc(var(--s,2px)*7) rgba(217,177,222,.08);animation:zzStarTwinkle var(--d,4.2s) ease-in-out var(--delay,0s) infinite;}.zz-page .zz-cosmic-star.is-gold{background:rgba(245,216,164,var(--o,.6));box-shadow:0 0 8px rgba(236,195,126,.20),0 0 16px rgba(245,216,164,.08)}@keyframes zzStarTwinkle{0%,100%{opacity:.38;transform:scale(.82)}43%{opacity:1;transform:scale(1.15)}66%{opacity:.56;transform:scale(.96)}}.zz-page .zz-hub-nav-wrap{padding-left:70px !important;padding-right:230px !important}.zz-page .zz-hub-nav-wrap::before{color:#744c6d !important;text-shadow:0 1px rgba(255,255,255,.75);font-weight:900 !important}.zz-page .zz-hub-nav-wrap::after{left:auto !important;right:8px !important;top:5px !important;width:245px !important;height:245px !important;opacity:.82 !important;transform:rotate(5deg) !important;filter:saturate(.55) sepia(.07) hue-rotate(260deg) brightness(1.09) contrast(.88) !important;}.zz-page #zz-xmas-nav .zz-hub-nav::after{content:none !important}.zz-page .zz-personal-hero{position:relative !important}.zz-page .zz-personal-hero::before{content:"";position:absolute;left:-24px;bottom:-30px;width:250px;height:190px;z-index:0;background-image:url("https://zisano.at/wp-content/uploads/2026/08/asset_xmas.png");background-repeat:no-repeat;background-position:left bottom;background-size:contain;opacity:.30;filter:saturate(.54) sepia(.08) hue-rotate(266deg) brightness(1.12) contrast(.90);pointer-events:none;}.zz-page .zz-personal-copy{position:relative !important;z-index:2 !important}.zz-page .sign-card:hover,.zz-page .sign-card:hover *,.zz-page .sign-card.is-active,.zz-page .sign-card.is-active *,.zz-page .zz-target-card.is-active,.zz-page .zz-target-card.is-active *,.zz-page .zz-engraving-option.is-active,.zz-page .zz-engraving-option.is-active *,.zz-page .zz-symbol-button.is-active,.zz-page .zz-symbol-button.is-active *,.zz-page .zz-hub-tab.is-active,.zz-page .zz-hub-tab.is-active *{color:#fff !important}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder *,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier *,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge *,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs *,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe *,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau *,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage *,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion *,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze *,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock *,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann *,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische *{color:#fff !important}.zz-page .zz-target-card.is-active small{color:#f0d9b4 !important}@media(min-width:1051px){.zz-page .zz-personal-builder{padding-top:24px !important}.zz-page .zz-builder-grid--v4{grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr) !important;gap:22px !important;align-items:stretch !important}.zz-page .zz-builder-left{height:100% !important;display:grid !important;grid-template-rows:minmax(0,1.23fr) minmax(0,.77fr) !important;gap:12px !important;align-self:stretch !important}.zz-page .zz-builder-left>.zz-builder-card,.zz-page .zz-builder-left>.zz-builder-summary{min-height:0 !important;height:100% !important;overflow:hidden !important}.zz-page .zz-builder-left>.zz-builder-card{padding:20px !important}.zz-page .zz-builder-left>.zz-builder-summary{padding:18px 19px !important}.zz-page .zz-builder-left .zz-builder-summary h4{margin:5px 0 6px !important;font-size:23px !important;line-height:1.02 !important}.zz-page .zz-builder-left .zz-builder-summary>p{margin:0 !important;font-size:9px !important;line-height:1.45 !important}.zz-page .zz-builder-left .zz-summary-list{margin:10px 0 !important;gap:5px !important}.zz-page .zz-builder-left .zz-summary-item{min-height:38px !important;padding:8px 10px !important}.zz-page .zz-builder-left .zz-summary-item span{font-size:7px !important}.zz-page .zz-builder-left .zz-summary-item strong{font-size:9.5px !important}.zz-page .zz-builder-left .zz-order-button{min-height:45px !important;margin-top:2px !important;font-size:10.5px !important}.zz-page .zz-builder-left .zz-confirm-status{min-height:34px !important;margin-top:7px !important;padding:7px 10px !important;font-size:8.5px !important}.zz-page .zz-builder-left .zz-confirmed-targets{margin-top:7px !important}.zz-page .zz-builder-left .zz-order-disclaimer{margin-top:6px !important;font-size:7.5px !important;line-height:1.35 !important}.zz-page .zz-card-step{margin-bottom:10px !important}.zz-page .zz-builder-card h4{margin:6px 0 10px !important;font-size:22px !important}.zz-page .zz-engraving-options{gap:7px !important}.zz-page .zz-engraving-option{min-height:57px !important;padding:8px !important}.zz-page .zz-customize-stack{margin-top:11px !important}.zz-page .zz-symbol-picker{gap:5px !important}.zz-page .zz-symbol-button{min-height:34px !important}.zz-page .zz-live-config-panel{height:100% !important;align-self:stretch !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important}.zz-page .zz-preview-carousel{height:100% !important;min-height:0 !important}.zz-page .zz-preview-track,.zz-page .zz-target-preview{height:100% !important}.zz-page .zz-target-preview{display:grid !important;grid-template-rows:minmax(0,1fr) auto !important}.zz-page .zz-photo-preview--verschluss,.zz-page .zz-photo-preview--anhanger,.zz-page .zz-photo-preview--flasche{height:100% !important;min-height:0 !important;aspect-ratio:auto !important}}.zz-page .zz-photo-preview--anhanger,.zz-page .zz-photo-preview--flasche{position:relative;overflow:hidden;width:100%;aspect-ratio:1125/850;min-height:0 !important;border-radius:23px 7px 23px 23px;background:radial-gradient(circle at 73% 17%,rgba(255,231,184,.18),transparent 22%),linear-gradient(145deg,#e8e0e6,#cfc5ce);}.zz-page .zz-photo-preview--anhanger img,.zz-page .zz-photo-preview--flasche img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;}.zz-page .zz-photo-preview--flasche .zz-zodiac-artwork-preview{position:absolute !important;z-index:11 !important;left:50% !important;top:49% !important;width:24% !important;height:auto !important;max-height:58% !important;transform:translate(-50%,-50%) !important;object-fit:contain !important;}.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4{left:50% !important;top:50.5% !important;max-width:24% !important;font-size:clamp(40px,3.7vw,64px) !important}.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4.is-text{max-width:24% !important;font-size:clamp(15px,1.65vw,23px) !important;white-space:normal !important}.zz-page .zz-preview-carousel[data-current-target="flasche"] .zz-photo-engraving--v4{left:50% !important;top:48.5% !important;max-width:18% !important;font-size:clamp(70px,6.2vw,108px) !important}.zz-page .zz-preview-carousel[data-current-target="flasche"] .zz-photo-engraving--v4.is-text{max-width:19% !important;font-size:clamp(17px,1.8vw,28px) !important;white-space:normal !important}.zz-page .zz-photo-engraving--v4{color:rgba(255,255,255,.94) !important;text-shadow:0 1px 1px rgba(34,15,31,.88),0 0 4px rgba(255,255,255,.42),0 0 9px rgba(235,217,235,.22) !important;}@media(max-width:1050px){.zz-page .zz-hub-nav-wrap{padding-left:34px !important;padding-right:155px !important}.zz-page .zz-hub-nav-wrap::after{width:180px !important;height:180px !important;right:-8px !important}}@media(max-width:700px){.zz-page .zz-hub-nav-wrap{padding-left:0 !important;padding-right:0 !important;padding-top:88px !important}.zz-page .zz-hub-nav-wrap::after{width:116px !important;height:116px !important;right:0 !important;top:4px !important;opacity:.55 !important}.zz-page .zz-hub-nav-wrap::before{left:12px !important;right:auto !important;transform:none !important;max-width:58%;white-space:normal !important;line-height:1.4 !important;text-align:left !important}.zz-page .zz-personal-hero::before{width:155px;height:125px;left:-22px;bottom:-22px;opacity:.20}}@media(prefers-reduced-motion:reduce){.zz-page .zz-cosmic-star{animation:none !important}}.zz-page .zz-cosmic-star{box-shadow:0 0 calc(var(--s,2px) * 4) rgba(255,244,220,.28),0 0 calc(var(--s,2px) * 9) rgba(220,181,224,.13) !important;animation-name:zzStarTwinkleV6 !important;animation-timing-function:ease-in-out !important;}.zz-page .zz-cosmic-star.is-gold{box-shadow:0 0 calc(var(--s,2px) * 5) rgba(241,205,147,.34),0 0 calc(var(--s,2px) * 11) rgba(245,216,164,.13) !important;}@keyframes zzStarTwinkleV6{0%,100%{opacity:.46;transform:scale(.88)}38%{opacity:1;transform:scale(1.19)}69%{opacity:.62;transform:scale(.97)}}.zz-page .hero::after{background:radial-gradient(ellipse at 74% 28%,rgba(167,79,165,.28) 0%,rgba(110,49,111,.13) 23%,transparent 49%),radial-gradient(ellipse at 88% 54%,rgba(215,150,187,.16) 0%,rgba(132,68,126,.09) 24%,transparent 46%),radial-gradient(ellipse at 57% 16%,rgba(121,59,133,.14) 0%,transparent 42%),radial-gradient(ellipse at 73% 72%,rgba(213,177,120,.09) 0%,transparent 39%),linear-gradient(105deg,transparent 0 48%,rgba(255,255,255,.02) 58%,transparent 70%) !important;}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische{color:#fff !important;background:radial-gradient(circle at 88% 2%,rgba(255,255,255,.18),transparent 34%),linear-gradient(140deg,#9d56a4,#7b3584 62%,#64296d) !important;border-color:rgba(128,55,137,.28) !important;box-shadow:0 18px 40px rgba(84,31,88,.19) !important;}.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-symbol,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-symbol,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-symbol,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-symbol,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-symbol,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-symbol,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-symbol,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-symbol,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-symbol,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-symbol,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-symbol,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-symbol,.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-copy strong,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-copy strong,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-copy strong,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-copy strong,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-copy strong,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-copy strong,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-copy strong,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-copy strong,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-copy strong,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-copy strong,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-copy strong,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-copy strong,.zz-page #zodiac-widder:checked ~ .sign-grid .sign-card--widder .sign-copy small,.zz-page #zodiac-stier:checked ~ .sign-grid .sign-card--stier .sign-copy small,.zz-page #zodiac-zwillinge:checked ~ .sign-grid .sign-card--zwillinge .sign-copy small,.zz-page #zodiac-krebs:checked ~ .sign-grid .sign-card--krebs .sign-copy small,.zz-page #zodiac-loewe:checked ~ .sign-grid .sign-card--loewe .sign-copy small,.zz-page #zodiac-jungfrau:checked ~ .sign-grid .sign-card--jungfrau .sign-copy small,.zz-page #zodiac-waage:checked ~ .sign-grid .sign-card--waage .sign-copy small,.zz-page #zodiac-skorpion:checked ~ .sign-grid .sign-card--skorpion .sign-copy small,.zz-page #zodiac-schuetze:checked ~ .sign-grid .sign-card--schuetze .sign-copy small,.zz-page #zodiac-steinbock:checked ~ .sign-grid .sign-card--steinbock .sign-copy small,.zz-page #zodiac-wassermann:checked ~ .sign-grid .sign-card--wassermann .sign-copy small,.zz-page #zodiac-fische:checked ~ .sign-grid .sign-card--fische .sign-copy small{color:#fff !important;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active{color:#6f2f70 !important;background:linear-gradient(180deg,#f7edf8,#f0e2f3) !important;border:1px solid rgba(132,61,139,.17) !important;box-shadow:inset 0 -3px 0 #8e3c95,0 9px 20px rgba(80,29,85,.08) !important;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active i{color:#fff !important;background:linear-gradient(135deg,#9e55a6,#7b3585) !important;box-shadow:0 7px 16px rgba(97,40,102,.17) !important;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active span{color:#6f2f70 !important;}.zz-page .zz-hub-tab--personal,.zz-page .zz-hub-tab--personal.is-active{color:#fff !important;background:linear-gradient(115deg,#54204f 0%,#75336e 52%,#8f4b86 100%) !important;box-shadow:0 14px 34px rgba(71,25,66,.23),0 0 0 1px rgba(188,92,191,.12) !important;}@media(min-width:1051px){.zz-page .zz-builder-grid--v4{min-height:690px !important;max-height:760px !important;align-items:stretch !important;}.zz-page .zz-builder-left{height:100% !important;display:grid !important;grid-template-rows:minmax(0,2fr) minmax(0,1fr) !important;gap:14px !important;align-self:stretch !important;}.zz-page .zz-builder-left > .zz-builder-card,.zz-page .zz-builder-left > .zz-builder-summary{min-height:0 !important;height:100% !important;overflow:hidden !important;}.zz-page .zz-builder-left > .zz-builder-card{padding:18px 18px 16px !important;display:flex !important;flex-direction:column !important;}.zz-page .zz-builder-left > .zz-builder-card .zz-card-step{margin-bottom:7px !important;}.zz-page .zz-builder-left > .zz-builder-card h4{margin:3px 0 8px !important;font-size:20px !important;}.zz-page .zz-builder-left .zz-engraving-options{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important;}.zz-page .zz-builder-left .zz-engraving-option{min-height:50px !important;padding:6px 7px !important;border-radius:13px !important;}.zz-page .zz-builder-left .zz-engraving-option i{font-size:17px !important;line-height:1 !important;}.zz-page .zz-builder-left .zz-engraving-option strong{font-size:8px !important;line-height:1.15 !important;}.zz-page .zz-builder-left .zz-customize-stack{margin-top:8px !important;flex:1 1 auto !important;min-height:0 !important;}.zz-page .zz-builder-left .zz-custom-row.is-active{height:100% !important;display:flex !important;flex-direction:column !important;justify-content:flex-start !important;}.zz-page .zz-builder-left .zz-custom-row label{margin-bottom:6px !important;font-size:7px !important;}.zz-page .zz-builder-left .zz-symbol-picker{grid-template-columns:repeat(6,1fr) !important;gap:5px !important;}.zz-page .zz-builder-left .zz-symbol-button{min-height:33px !important;border-radius:10px !important;font-size:16px !important;}.zz-page .zz-flask-zodiac-note{margin-top:7px !important;padding:7px 9px !important;font-size:7.5px !important;}.zz-page .zz-builder-left > .zz-builder-summary{padding:15px 17px !important;}.zz-page .zz-builder-left .zz-builder-summary .zz-card-step{margin-bottom:5px !important;}.zz-page .zz-builder-left .zz-builder-summary .micro-label{font-size:7px !important;}.zz-page .zz-builder-left .zz-builder-summary h4{margin:3px 0 4px !important;font-size:20px !important;line-height:1 !important;}.zz-page .zz-builder-left .zz-builder-summary > p{display:none !important;}.zz-page .zz-builder-left .zz-summary-list{margin:7px 0 !important;gap:4px !important;}.zz-page .zz-builder-left .zz-summary-item{min-height:32px !important;padding:6px 9px !important;}.zz-page .zz-builder-left .zz-summary-item span{font-size:6.5px !important;}.zz-page .zz-builder-left .zz-summary-item strong{font-size:8.5px !important;}.zz-page .zz-builder-left .zz-order-button{min-height:39px !important;margin-top:0 !important;font-size:9.5px !important;}.zz-page .zz-builder-left .zz-confirm-status{min-height:28px !important;margin-top:5px !important;padding:5px 8px !important;font-size:7.5px !important;}.zz-page .zz-builder-left .zz-confirmed-targets{margin-top:5px !important;}.zz-page .zz-builder-left .zz-order-disclaimer{display:none !important;}.zz-page .zz-live-config-panel{height:100% !important;min-height:0 !important;}.zz-page .zz-preview-carousel{height:calc(100% - 48px) !important;min-height:0 !important;}.zz-page .zz-preview-track,.zz-page .zz-target-preview{height:100% !important;}}.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4{left:50% !important;top:52% !important;width:70% !important;max-width:70% !important;min-width:0 !important;padding:0 !important;font-size:clamp(92px,9vw,155px) !important;line-height:.92 !important;white-space:normal !important;text-align:center !important;letter-spacing:.01em !important;}.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4.is-text{width:70% !important;max-width:70% !important;font-size:clamp(25px,2.5vw,42px) !important;line-height:1.02 !important;letter-spacing:.055em !important;white-space:pre-line !important;overflow-wrap:normal !important;word-break:normal !important;text-transform:uppercase !important;}.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4::before,.zz-page .zz-preview-carousel[data-current-target="anhanger"] .zz-photo-engraving--v4::after{inset:0 !important;white-space:inherit !important;}@media(max-width:1050px){.zz-page .zz-builder-grid--v4{min-height:0 !important;max-height:none !important}}@media(prefers-reduced-motion:reduce){.zz-page .zz-cosmic-star{animation:none !important}}@media(min-width:1051px){.zz-page .zz-builder-grid--v4{display:grid !important;grid-template-columns:minmax(390px,.82fr) minmax(560px,1.18fr) !important;gap:22px !important;align-items:stretch !important;height:720px !important;min-height:720px !important;max-height:720px !important;}.zz-page .zz-builder-left{height:720px !important;min-height:720px !important;max-height:720px !important;display:grid !important;grid-template-rows:minmax(0,2fr) minmax(0,1fr) !important;gap:14px !important;align-self:stretch !important;}.zz-page .zz-builder-left > .zz-builder-card,.zz-page .zz-builder-left > .zz-builder-summary{width:100% !important;min-height:0 !important;height:100% !important;max-height:none !important;margin:0 !important;overflow:hidden !important;}.zz-page .zz-builder-left > .zz-builder-card{padding:18px !important;}.zz-page .zz-builder-left > .zz-builder-summary{padding:16px 17px !important;}.zz-page .zz-live-config-panel{position:relative !important;top:auto !important;height:720px !important;min-height:720px !important;max-height:720px !important;display:grid !important;grid-template-rows:auto minmax(0,1fr) !important;gap:11px !important;align-self:stretch !important;overflow:hidden !important;}.zz-page .zz-preview-stage-head{margin:0 !important;}.zz-page .zz-preview-carousel{height:100% !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;}.zz-page .zz-preview-track,.zz-page .zz-target-preview{height:100% !important;min-height:0 !important;}.zz-page .zz-target-preview{display:grid !important;grid-template-rows:minmax(0,1fr) auto !important;}.zz-page .zz-target-preview > p{margin:8px 5px 2px !important;}.zz-page .zz-photo-preview--verschluss,.zz-page .zz-photo-preview--anhanger,.zz-page .zz-photo-preview--flasche{height:100% !important;min-height:0 !important;max-height:none !important;aspect-ratio:auto !important;}.zz-page .zz-builder-left > .zz-builder-card{display:block !important;}.zz-page .zz-builder-left .zz-card-step{margin-bottom:8px !important;}.zz-page .zz-builder-left .zz-builder-card h4{margin:4px 0 9px !important;}.zz-page .zz-builder-left .zz-customize-stack{margin-top:8px !important;}.zz-page .zz-builder-left .zz-builder-summary h4{margin:4px 0 5px !important;}.zz-page .zz-builder-left .zz-summary-list{margin:8px 0 !important;}.zz-page .zz-builder-left .zz-order-button{margin-top:0 !important;}.zz-page .zz-builder-left .zz-confirm-status{margin-top:6px !important;}.zz-page .zz-product-choice{clear:both !important;margin-top:30px !important;position:relative !important;z-index:1 !important;}}@media(min-width:1051px) and (max-height:850px){.zz-page .zz-builder-grid--v4,.zz-page .zz-builder-left,.zz-page .zz-live-config-panel{height:650px !important;min-height:650px !important;max-height:650px !important;}}@media(min-width:1051px) and (max-height:760px){.zz-page .zz-builder-grid--v4,.zz-page .zz-builder-left,.zz-page .zz-live-config-panel{height:600px !important;min-height:600px !important;max-height:600px !important;}}@media(max-width:1050px){.zz-page .zz-builder-grid--v4,.zz-page .zz-builder-left,.zz-page .zz-live-config-panel{height:auto !important;min-height:0 !important;max-height:none !important;}}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active{border:1px solid rgba(132,61,139,.13) !important;box-shadow:0 9px 20px rgba(80,29,85,.08) !important;}.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active::before,.zz-page .zz-hub-tab:not(.zz-hub-tab--personal).is-active::after{content:none !important;}.zz-page .zz-builder-grid--v9{width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;display:grid !important;grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr) !important;grid-template-areas:"main preview""summary summary" !important;gap:16px !important;align-items:stretch !important;}.zz-page .zz-config-main-card{grid-area:main;min-width:0;overflow:hidden;border:1px solid rgba(202,169,111,.18);border-radius:30px 8px 30px 30px;background:radial-gradient(circle at 96% 0%,rgba(232,205,164,.10),transparent 30%),radial-gradient(circle at 5% 100%,rgba(191,125,187,.08),transparent 31%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(248,239,247,.92));box-shadow:0 25px 68px rgba(60,21,55,.10),inset 0 1px rgba(255,255,255,.94);}.zz-page .zz-config-main-card .zz-builder-card{width:100% !important;height:100% !important;min-height:0 !important;margin:0 !important;padding:30px 32px 28px !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important;}.zz-page .zz-config-main-card .zz-card-step{margin-bottom:14px !important;}.zz-page .zz-config-main-card .zz-card-step>span{width:38px !important;height:38px !important;border-radius:13px !important;font-size:10px !important;}.zz-page .zz-config-main-card .zz-card-step>strong{font-size:11px !important;letter-spacing:.09em !important;}.zz-page .zz-config-main-card h4{margin:4px 0 18px !important;color:#3c2b3d !important;font-size:clamp(30px,2.5vw,42px) !important;line-height:1 !important;font-weight:600 !important;}.zz-page .zz-config-main-card .zz-engraving-options{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;}.zz-page .zz-config-main-card .zz-engraving-option{min-height:82px !important;padding:13px 12px !important;border-radius:18px 6px 18px 18px !important;}.zz-page .zz-config-main-card .zz-engraving-option i{display:block !important;margin-bottom:6px !important;font-size:24px !important;line-height:1 !important;}.zz-page .zz-config-main-card .zz-engraving-option strong{font-size:11px !important;line-height:1.25 !important;}.zz-page .zz-config-main-card .zz-customize-stack{margin-top:22px !important;min-height:0 !important;}.zz-page .zz-config-main-card .zz-custom-row{min-height:0 !important;}.zz-page .zz-config-main-card .zz-custom-row.is-active{display:block !important;}.zz-page .zz-config-main-card .zz-custom-row label{display:block;margin-bottom:10px !important;color:#8b6a85 !important;font-size:10px !important;font-weight:900 !important;letter-spacing:.12em !important;}.zz-page .zz-config-main-card .zz-symbol-picker{display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;gap:8px !important;}.zz-page .zz-config-main-card .zz-symbol-button{min-height:52px !important;border-radius:14px 5px 14px 14px !important;font-size:24px !important;transition:.22s ease !important;}.zz-page .zz-config-main-card .zz-symbol-button:hover{transform:translateY(-2px);}.zz-page .zz-config-main-card .zz-symbol-button.is-active{color:#fff !important;background:linear-gradient(135deg,#9951a0,#71327a) !important;box-shadow:0 11px 24px rgba(92,37,98,.18) !important;}.zz-page .zz-config-main-card input,.zz-page .zz-config-main-card select{min-height:56px !important;padding:0 16px !important;border-radius:15px 5px 15px 15px !important;font-size:14px !important;}.zz-page .zz-config-main-card .zz-flask-zodiac-note{margin-top:12px !important;padding:12px 14px !important;font-size:10px !important;}.zz-page .zz-config-preview-card{grid-area:preview;min-width:0;padding:18px;overflow:visible;border:1px solid rgba(202,169,111,.18);border-radius:30px 8px 30px 30px;background:radial-gradient(circle at 90% 5%,rgba(234,207,166,.12),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.88),rgba(242,232,241,.92));box-shadow:0 24px 62px rgba(57,19,52,.10);}.zz-page .zz-config-preview-card .zz-live-config-panel{position:relative !important;top:auto !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;display:block !important;overflow:visible !important;}.zz-page .zz-config-preview-card .zz-preview-stage-head{margin:0 2px 12px !important;}.zz-page .zz-config-preview-card .zz-preview-stage-head strong{font-size:15px !important;}.zz-page .zz-config-preview-card .zz-preview-carousel{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:1/1 !important;overflow:hidden !important;border-radius:24px 7px 24px 24px !important;cursor:zoom-in;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease !important;transform-origin:center;}.zz-page .zz-config-preview-card .zz-preview-carousel:hover{z-index:30;transform:scale(1.13);box-shadow:0 34px 85px rgba(45,15,41,.22),0 0 0 8px rgba(255,255,255,.70);}.zz-page .zz-config-preview-card .zz-preview-track,.zz-page .zz-config-preview-card .zz-target-preview{height:100% !important;}.zz-page .zz-config-preview-card .zz-target-preview{display:block !important;padding:10px !important;}.zz-page .zz-config-preview-card .zz-target-preview>p{display:none !important;}.zz-page .zz-config-preview-card .zz-photo-preview--verschluss,.zz-page .zz-config-preview-card .zz-photo-preview--anhanger,.zz-page .zz-config-preview-card .zz-photo-preview--flasche{width:100% !important;height:100% !important;min-height:0 !important;aspect-ratio:auto !important;border-radius:18px 5px 18px 18px !important;}.zz-page .zz-config-preview-card .zz-preview-caption{bottom:14px !important;left:50% !important;transform:translateX(-50%) !important;font-size:9px !important;}.zz-page .zz-builder-summary--strip{grid-area:summary;width:100% !important;max-width:none !important;min-height:92px !important;margin:0 !important;padding:14px 16px !important;display:grid !important;grid-template-columns:auto minmax(0,1.35fr) minmax(0,1.8fr) auto minmax(160px,.56fr) !important;gap:14px !important;align-items:center !important;overflow:visible !important;border:1px solid rgba(202,169,111,.20) !important;border-radius:22px 6px 22px 22px !important;background:radial-gradient(circle at 92% 0%,rgba(229,199,151,.11),transparent 31%),linear-gradient(110deg,rgba(255,253,249,.96),rgba(247,238,246,.94)) !important;box-shadow:0 18px 45px rgba(61,21,56,.08),inset 0 1px rgba(255,255,255,.95) !important;}.zz-page .zz-builder-summary--strip .zz-card-step{margin:0 !important;white-space:nowrap;}.zz-page .zz-builder-summary--strip .micro-label,.zz-page .zz-builder-summary--strip h4{display:none !important;}.zz-page .zz-builder-summary--strip .zz-summary-list{margin:0 !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important;}.zz-page .zz-builder-summary--strip .zz-summary-item{min-height:54px !important;padding:9px 11px !important;border-radius:13px !important;background:rgba(255,255,255,.68) !important;}.zz-page .zz-builder-summary--strip .zz-summary-item span{font-size:7px !important;}.zz-page .zz-builder-summary--strip .zz-summary-item strong{margin-top:4px !important;font-size:10.5px !important;line-height:1.25 !important;}.zz-page .zz-builder-summary--strip .zz-order-button{width:auto !important;min-width:220px !important;min-height:54px !important;margin:0 !important;padding:0 18px !important;font-size:11px !important;white-space:nowrap !important;}.zz-page .zz-builder-summary--strip .zz-confirm-status{min-height:48px !important;margin:0 !important;padding:9px 12px !important;font-size:9px !important;}.zz-page .zz-builder-summary--strip .zz-confirmed-targets{grid-column:2 / 5 !important;margin:0 !important;}.zz-page .zz-builder-summary--strip .zz-order-disclaimer{display:none !important;}@media(min-width:1200px){.zz-page .zz-builder-grid--v9{grid-template-columns:minmax(620px,1.35fr) minmax(390px,.65fr) !important;}.zz-page .zz-config-main-card .zz-builder-card{padding:34px 36px 30px !important;}}@media(max-width:1050px){.zz-page .zz-builder-grid--v9{grid-template-columns:1fr !important;grid-template-areas:"main""preview""summary" !important;}.zz-page .zz-config-preview-card{padding:14px !important;}.zz-page .zz-config-preview-card .zz-preview-carousel{max-width:620px;margin:auto;}.zz-page .zz-config-preview-card .zz-preview-carousel:hover{transform:none !important;box-shadow:none !important;}.zz-page .zz-builder-summary--strip{grid-template-columns:1fr 1fr !important;}.zz-page .zz-builder-summary--strip .zz-card-step{grid-column:1 / -1;}.zz-page .zz-builder-summary--strip .zz-summary-list{grid-column:1 / -1;}.zz-page .zz-builder-summary--strip .zz-order-button,.zz-page .zz-builder-summary--strip .zz-confirm-status{width:100% !important;min-width:0 !important;}}@media(max-width:700px){.zz-page .zz-config-main-card .zz-builder-card{padding:22px 16px 18px !important;}.zz-page .zz-config-main-card h4{font-size:32px !important;}.zz-page .zz-config-main-card .zz-engraving-options{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.zz-page .zz-config-main-card .zz-symbol-picker{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}.zz-page .zz-builder-summary--strip{display:block !important;padding:14px !important;}.zz-page .zz-builder-summary--strip .zz-card-step{margin-bottom:10px !important;}.zz-page .zz-builder-summary--strip .zz-summary-list{margin-bottom:10px !important;}.zz-page .zz-builder-summary--strip .zz-order-button{margin-bottom:8px !important;}}.zz-page{--zz-oldgold:#b9965d;--zz-oldgold-soft:#e8d4ad;--zz-oldgold-faint:rgba(185,150,93,.18);}.zz-page .zz-personal-hero{min-height:0 !important;border-radius:30px 8px 30px 30px !important;}.zz-page .zz-personal-copy{width:min(100%,1120px) !important;padding:42px clamp(24px,4.8vw,64px) 40px !important;}.zz-page .zz-personal-copy h2{max-width:860px !important;margin:14px auto 12px !important;font-size:clamp(42px,4.7vw,64px) !important;line-height:.96 !important;}.zz-page .zz-personal-copy>p{max-width:780px !important;font-size:14px !important;line-height:1.62 !important;}.zz-page .zz-personal-points{width:min(100%,920px) !important;margin:19px auto 18px !important;gap:8px !important;}.zz-page .zz-personal-point{min-height:68px !important;padding:11px 13px !important;border-radius:15px 5px 15px 15px !important;background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(250,244,248,.72)) !important;}.zz-page .zz-personal-point i{color:#7c4b70 !important;background:linear-gradient(145deg,#f6ead5,#e8d3aa) !important;box-shadow:inset 0 0 0 1px rgba(185,150,93,.18) !important;}.zz-page .zz-personal-note{margin-top:9px !important;font-size:8.5px !important;}.zz-page .zz-personal-hero::before{left:-14px !important;bottom:8px !important;width:300px !important;height:220px !important;opacity:.42 !important;filter:saturate(.62)sepia(.05)hue-rotate(266deg)brightness(1.13)contrast(.94) !important;}.zz-page .finder::before{content:none !important;display:none !important;}.zz-page .zz-config-main-card,.zz-page .zz-config-preview-card,.zz-page .zz-builder-summary--strip,.zz-page .zz-product-choice,.zz-page .zz-personal-hero{position:relative !important;isolation:isolate;}.zz-page .zz-config-main-card::before,.zz-page .zz-config-preview-card::before,.zz-page .zz-builder-summary--strip::before,.zz-page .zz-product-choice::after{position:absolute;z-index:0;pointer-events:none;font-family:Georgia,serif;color:rgba(185,150,93,.28);text-shadow:0 0 12px rgba(232,212,173,.18);}.zz-page .zz-config-main-card::before{content:"✦   ❄";right:22px;top:18px;font-size:14px;letter-spacing:9px;transform:rotate(5deg);}.zz-page .zz-config-preview-card::before{content:"❄  ✧";left:18px;bottom:14px;font-size:12px;letter-spacing:8px;opacity:.72;}.zz-page .zz-builder-summary--strip::before{content:"✦";right:17px;top:11px;font-size:12px;opacity:.6;}.zz-page .zz-product-choice::after{content:"✧   ✦   ❄";right:28px;bottom:20px;font-size:12px;letter-spacing:8px;opacity:.5;}.zz-page .zz-config-main-card::after,.zz-page .zz-config-preview-card::after,.zz-page .zz-builder-summary--strip::after{content:"";position:absolute;z-index:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(185,150,93,.50),transparent);}.zz-page .zz-config-main-card::after{left:30px;right:30px;top:0;}.zz-page .zz-config-preview-card::after{left:24px;right:24px;top:0;}.zz-page .zz-builder-summary--strip::after{left:20px;right:20px;top:0;}.zz-page .zz-config-main-card > *,.zz-page .zz-config-preview-card > *,.zz-page .zz-builder-summary--strip > *,.zz-page .zz-product-choice > *{position:relative;z-index:1;}.zz-page .zz-config-main-card .zz-builder-card{padding:26px 30px 24px !important;}.zz-page .zz-config-main-card h4{margin:3px 0 14px !important;font-size:clamp(29px,2.25vw,38px) !important;}.zz-page .zz-config-main-card .zz-engraving-options{gap:8px !important;}.zz-page .zz-config-main-card .zz-engraving-option{min-height:72px !important;border-color:rgba(185,150,93,.14) !important;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(250,245,248,.82)) !important;}.zz-page .zz-config-main-card .zz-engraving-option:hover{border-color:rgba(185,150,93,.34) !important;box-shadow:0 12px 26px rgba(70,31,65,.09) !important;}.zz-page .zz-config-main-card .zz-customize-stack{margin-top:16px !important;}.zz-page .zz-config-main-card .zz-symbol-picker{gap:7px !important;}.zz-page .zz-config-main-card .zz-symbol-button{min-height:48px !important;border-color:rgba(185,150,93,.13) !important;}.zz-page .zz-config-preview-card .zz-preview-carousel{cursor:default !important;transition:none !important;}.zz-page .zz-config-preview-card .zz-preview-carousel:hover{z-index:auto !important;transform:none !important;box-shadow:none !important;}.zz-page .zz-config-preview-card .zz-preview-stage-head::after{content:"✦";margin-left:auto;color:rgba(185,150,93,.48);font-family:Georgia,serif;font-size:12px;}.zz-page .zz-builder-summary--strip{min-height:76px !important;padding:10px 12px !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;grid-template-areas:"step summary action" !important;gap:12px !important;align-items:center !important;}.zz-page .zz-builder-summary--strip .zz-card-step{grid-area:step !important;margin:0 !important;min-width:max-content;}.zz-page .zz-builder-summary--strip .zz-summary-list{grid-area:summary !important;margin:0 !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px !important;}.zz-page .zz-builder-summary--strip .zz-summary-item{min-height:50px !important;padding:7px 9px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;gap:3px !important;border:1px solid rgba(185,150,93,.12) !important;background:radial-gradient(circle at 88% 10%,rgba(232,212,173,.08),transparent 35%),rgba(255,255,255,.72) !important;}.zz-page .zz-builder-summary--strip .zz-summary-item span{margin:0 !important;font-size:7px !important;line-height:1.1 !important;text-align:center !important;}.zz-page .zz-builder-summary--strip .zz-summary-item strong{margin:0 !important;font-size:10.5px !important;line-height:1.2 !important;text-align:center !important;}.zz-page .zz-builder-summary--strip .zz-order-button{grid-area:action !important;width:auto !important;min-width:218px !important;min-height:50px !important;margin:0 !important;padding:0 16px !important;border-radius:15px 4px 15px 15px !important;}.zz-page .zz-builder-summary--strip .zz-confirm-status{position:absolute !important;right:16px !important;top:-12px !important;z-index:4 !important;min-height:26px !important;margin:0 !important;padding:5px 9px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;border:1px solid rgba(185,150,93,.18) !important;border-radius:999px !important;color:#786a79 !important;background:rgba(255,250,246,.96) !important;box-shadow:0 8px 18px rgba(62,25,58,.08) !important;font-size:8px !important;line-height:1 !important;white-space:nowrap !important;}.zz-page .zz-builder-summary--strip .zz-confirm-status i{width:15px !important;height:15px !important;font-size:8px !important;}.zz-page .zz-builder-summary--strip .zz-confirm-status.is-confirmed{color:#466454 !important;border-color:rgba(72,112,88,.16) !important;background:rgba(244,251,246,.97) !important;}.zz-page .zz-builder-summary--strip .zz-confirmed-targets{position:absolute !important;left:16px !important;bottom:-12px !important;z-index:4 !important;margin:0 !important;max-width:70% !important;}.zz-page .zz-builder-summary--strip .zz-order-disclaimer,.zz-page .zz-builder-summary--strip .micro-label,.zz-page .zz-builder-summary--strip h4{display:none !important;}.zz-page .zz-product-choice{border-radius:28px 7px 28px 28px !important;background:radial-gradient(circle at 96% 4%,rgba(232,212,173,.10),transparent 30%),radial-gradient(circle at 5% 98%,rgba(176,116,170,.08),transparent 31%),linear-gradient(145deg,#fffdfa,#f7eff5) !important;}.zz-page .zz-product-category-tabs button{border-color:rgba(185,150,93,.16) !important;}@media(max-width:1050px){.zz-page .zz-personal-copy{padding:36px 24px 34px !important;}.zz-page .zz-builder-summary--strip{grid-template-columns:1fr !important;grid-template-areas:"step""summary""action" !important;gap:9px !important;padding:13px !important;}.zz-page .zz-builder-summary--strip .zz-card-step{justify-content:flex-start;}.zz-page .zz-builder-summary--strip .zz-order-button{width:100% !important;min-width:0 !important;}.zz-page .zz-builder-summary--strip .zz-confirm-status{top:10px !important;right:12px !important;}.zz-page .zz-builder-summary--strip .zz-confirmed-targets{position:relative !important;left:auto !important;bottom:auto !important;max-width:none !important;grid-column:1 !important;margin-top:0 !important;}}@media(max-width:700px){.zz-page .zz-personal-copy{padding:31px 18px 30px !important;}.zz-page .zz-personal-copy h2{font-size:clamp(38px,10.5vw,50px) !important;}.zz-page .zz-personal-points{margin-top:16px !important;}.zz-page .zz-personal-point{min-height:0 !important;}.zz-page .zz-personal-hero::before{width:175px !important;height:135px !important;left:-18px !important;bottom:2px !important;opacity:.28 !important;}.zz-page .zz-config-main-card .zz-builder-card{padding:20px 15px 18px !important;}.zz-page .zz-builder-summary--strip{display:grid !important;padding-top:42px !important;}.zz-page .zz-builder-summary--strip .zz-summary-list{grid-template-columns:1fr !important;}.zz-page .zz-builder-summary--strip .zz-confirm-status{top:10px !important;right:10px !important;}}.zz-page .zz-product-choice{width:min(1540px,100%) !important;max-width:1540px !important;margin-left:auto !important;margin-right:auto !important;}@media(min-width:701px){.zz-page .zz-product-choice{margin-left:auto !important;margin-right:auto !important;}}@media(max-width:700px){.zz-page .zz-product-choice{width:100% !important;max-width:none !important;margin-left:auto !important;margin-right:auto !important;}}.zz-page{--zz-old-gold:#c9a66b;--zz-old-gold-soft:#e6d1a9;--zz-plum:#36143f;--zz-plum-2:#5b1f68;--zz-lilac:#9a46a6;--zz-story-image:none;--zz-banner-image:none;}.zz-page .zz-personal-hero.zz-xmas-story{position:relative !important;display:grid !important;grid-template-columns:minmax(0,.94fr) minmax(430px,1.06fr) !important;min-height:560px !important;overflow:hidden !important;padding:0 !important;border:1px solid rgba(255,255,255,.88) !important;border-radius:32px !important;background:#f8eff8 !important;box-shadow:0 30px 90px rgba(62,20,70,.14) !important;isolation:isolate;}.zz-page .zz-xmas-story::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 16% 10%,rgba(255,255,255,.92),transparent 28%),radial-gradient(circle at 88% 82%,rgba(210,159,216,.18),transparent 30%);}.zz-page .zz-xmas-story::after{content:"✦     ❄      ✦        ❄";position:absolute;left:4%;bottom:24px;z-index:1;color:rgba(148,76,157,.13);font-size:27px;letter-spacing:30px;white-space:nowrap;pointer-events:none;}.zz-page .zz-personal-copy.zz-xmas-story__copy{position:relative;z-index:3;min-height:560px !important;padding:64px clamp(34px,5vw,78px) !important;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fffdfc 0%,rgba(255,252,253,.98) 64%,rgba(255,252,253,.72) 83%,rgba(255,252,253,0) 100%) !important;}.zz-page .zz-xmas-story__label{width:max-content;max-width:100%;padding:8px 12px;border:1px solid rgba(180,143,91,.22);border-radius:999px;color:#8a6a3d !important;background:rgba(255,250,242,.72);box-shadow:0 8px 24px rgba(100,65,25,.04);}.zz-page .zz-xmas-story__copy h2{max-width:700px;margin:17px 0 18px !important;font-family:var(--title-font) !important;font-size:clamp(42px,4.5vw,68px) !important;line-height:.98 !important;letter-spacing:-.055em !important;color:#2f2432;}.zz-page .zz-xmas-story__copy h2 em{display:block;margin-top:8px;font-style:normal;color:transparent;background:linear-gradient(100deg,#7c2b88,#a64bad 58%,#c39a5d 120%);-webkit-background-clip:text;background-clip:text;}.zz-page .zz-xmas-story__lead{max-width:650px !important;margin:0 !important;color:#716576 !important;font-size:15px !important;line-height:1.76 !important;}.zz-page .zz-xmas-story__points{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:10px !important;max-width:740px !important;margin:28px 0 26px !important;}.zz-page .zz-xmas-story__points .zz-personal-point{min-height:112px;padding:16px !important;gap:12px;align-items:flex-start !important;border:1px solid rgba(134,51,143,.09) !important;border-radius:18px !important;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(249,240,248,.67)) !important;box-shadow:0 14px 32px rgba(85,32,90,.055);backdrop-filter:blur(12px);}.zz-page .zz-xmas-story__points .zz-personal-point i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;color:#8a5d28;background:linear-gradient(145deg,#fff8eb,#ead3aa);box-shadow:inset 0 1px rgba(255,255,255,.82),0 8px 18px rgba(104,71,26,.09);}.zz-page .zz-xmas-story__points .zz-personal-point span{display:block}.zz-page .zz-xmas-story__points .zz-personal-point strong{display:block;color:#392e3b;font-size:11px;line-height:1.3}.zz-page .zz-xmas-story__points .zz-personal-point small{display:block;margin-top:5px;color:#817484;font-size:9px;line-height:1.45}.zz-page .zz-xmas-story__cta{align-self:flex-start;min-height:56px !important;padding:0 22px !important;border:1px solid rgba(255,255,255,.15) !important;border-radius:17px !important;color:#fff !important;background:linear-gradient(115deg,#7b2987,#9f3eaa 60%,#b9709d) !important;box-shadow:0 18px 34px rgba(111,34,120,.23) !important;}.zz-page .zz-xmas-story__visual{position:relative;z-index:1;min-height:560px;overflow:hidden;background:linear-gradient(90deg,rgba(250,241,249,0) 0%,rgba(128,48,140,.08) 12%,rgba(56,20,65,.16) 100%),var(--zz-story-image),radial-gradient(circle at 70% 35%,rgba(244,208,238,.40),transparent 23%),radial-gradient(circle at 62% 70%,rgba(191,139,199,.36),transparent 27%),linear-gradient(145deg,#8f419b,#5d226c 58%,#33133d);background-size:cover;background-position:center;}.zz-page .zz-xmas-story__visual::before{content:"";position:absolute;inset:0 auto 0 -1px;width:38%;z-index:2;background:linear-gradient(90deg,#fffdfc 0%,rgba(255,253,252,.84) 26%,rgba(255,253,252,.28) 64%,transparent 100%);pointer-events:none;}.zz-page .zz-xmas-story__visual::after{content:"❄";position:absolute;right:9%;top:9%;color:rgba(255,255,255,.19);font-size:108px;line-height:1;filter:drop-shadow(0 0 20px rgba(255,255,255,.08));}.zz-page .zz-xmas-story__image-placeholder{position:absolute;inset:0;display:grid;place-items:center;}.zz-page .zz-xmas-story__orbit{position:absolute;width:min(420px,72%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(224,192,138,.34);box-shadow:inset 0 0 60px rgba(255,255,255,.05),0 0 70px rgba(224,192,138,.06);}.zz-page .zz-xmas-story__orbit::before,.zz-page .zz-xmas-story__orbit::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(255,255,255,.17);}.zz-page .zz-xmas-story__orbit::before{inset:12%}.zz-page .zz-xmas-story__orbit::after{inset:27%}.zz-page .zz-xmas-story__gift{position:relative;z-index:3;width:105px;height:105px;display:grid;place-items:center;border-radius:28px;color:#d7b57a;font-size:42px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.24);box-shadow:0 24px 70px rgba(24,5,30,.28);backdrop-filter:blur(15px);}.zz-page .zz-xmas-story__placeholder-label{position:absolute;bottom:31px;right:35px;color:rgba(255,255,255,.54);font-size:9px;font-weight:850;letter-spacing:.16em;}.zz-page .zz-builder-card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(209,164,211,.19),transparent 27%),linear-gradient(145deg,rgba(255,255,255,.94),rgba(249,242,248,.90)) !important;border:1px solid rgba(255,255,255,.97) !important;box-shadow:0 22px 55px rgba(76,28,82,.085) !important;}.zz-page .zz-builder-card::after{content:"❄";position:absolute;right:18px;top:12px;color:rgba(131,49,141,.07);font-size:88px;line-height:1;pointer-events:none;}.zz-page .zz-engraving-options--luxury{position:relative;z-index:2;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:11px !important;}.zz-page .zz-engraving-options--luxury .zz-engraving-option{min-height:132px !important;padding:14px 10px 13px !important;gap:7px !important;overflow:hidden;border:1px solid rgba(120,44,131,.09) !important;border-radius:19px !important;color:#554a58 !important;background:radial-gradient(circle at 92% 8%,rgba(225,198,230,.25),transparent 27%),linear-gradient(145deg,#fff,#faf5fa) !important;box-shadow:0 11px 28px rgba(78,30,84,.055);}.zz-page .zz-engraving-options--luxury .zz-engraving-option::after{content:"";position:absolute;inset:auto 11% 0;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#c7a76e,transparent);transition:.22s ease;}.zz-page .zz-engraving-options--luxury .zz-engraving-option:hover{transform:translateY(-3px) !important;border-color:rgba(150,56,164,.20) !important;box-shadow:0 18px 36px rgba(82,30,89,.10) !important;}.zz-page .zz-engraving-options--luxury .zz-engraving-option:hover::after{opacity:1}.zz-page .zz-engraving-options--luxury .zz-engraving-option.is-active{color:#fff !important;border-color:rgba(228,199,145,.42) !important;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.20),transparent 26%),linear-gradient(145deg,#7f2c8c,#9d40a9 62%,#6a2576) !important;box-shadow:0 20px 42px rgba(104,31,112,.24),inset 0 0 0 1px rgba(255,255,255,.08) !important;}.zz-page .zz-motif-frame{position:relative;width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:#7e2e88;background:linear-gradient(145deg,#fffaf2,#eed9b6);box-shadow:inset 0 1px rgba(255,255,255,.9),0 9px 22px rgba(98,63,21,.10);}.zz-page .zz-motif-frame i{position:relative;z-index:2;font-size:25px !important;font-weight:750;color:inherit;}.zz-page .zz-motif-snow{position:absolute;right:-7px;top:-8px;z-index:1;color:rgba(126,45,137,.18);font-size:25px;transform:rotate(15deg);}.zz-page .zz-engraving-option.is-active .zz-motif-frame{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.14),0 10px 24px rgba(36,8,42,.18);}.zz-page .zz-engraving-option.is-active .zz-motif-snow{color:rgba(255,255,255,.28)}.zz-page .zz-engraving-options--luxury .zz-engraving-option strong{font-size:10px !important;line-height:1.22 !important;color:inherit;}.zz-page .zz-engraving-options--luxury .zz-engraving-option small{display:block;color:#998d9b;font-size:8px;line-height:1.2;}.zz-page .zz-engraving-options--luxury .zz-engraving-option.is-active small{color:rgba(255,255,255,.68)}.zz-page .zz-symbol-picker{gap:8px !important}.zz-page .zz-symbol-button{position:relative;overflow:hidden;height:58px !important;border-radius:15px !important;color:#6f2b79 !important;background:linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),var(--zz-sign-art,none),linear-gradient(145deg,#fff,#f5edf5) !important;background-size:cover !important;background-position:center !important;box-shadow:0 8px 20px rgba(79,29,85,.045);}.zz-page .zz-symbol-button::after{content:"❄";position:absolute;right:4px;top:2px;color:rgba(125,42,137,.10);font-size:16px;pointer-events:none;}.zz-page .zz-symbol-button:hover,.zz-page .zz-symbol-button.is-active{color:#fff !important;border-color:rgba(218,187,132,.42) !important;background:linear-gradient(rgba(116,39,127,.70),rgba(116,39,127,.70)),var(--zz-sign-art,none),linear-gradient(145deg,#9e3faa,#71247d) !important;background-size:cover !important;background-position:center !important;box-shadow:0 13px 27px rgba(103,31,111,.17) !important;}.zz-page .zz-symbol-button:hover::after,.zz-page .zz-symbol-button.is-active::after{color:rgba(255,255,255,.20)}.zz-page .zz-campaign-banner.zz-xmas-bottom-banner{position:relative !important;display:grid !important;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr) !important;gap:0 !important;min-height:330px;padding:0 !important;overflow:hidden !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:29px !important;color:#fff !important;background:radial-gradient(circle at 86% 10%,rgba(226,184,223,.18),transparent 28%),linear-gradient(115deg,#2f1038,#572064 48%,#742a80 100%) !important;box-shadow:0 28px 72px rgba(62,18,70,.25) !important;}.zz-page .zz-xmas-bottom-banner::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.3px) 0 0/76px 76px,radial-gradient(circle,rgba(219,190,136,.18) 0 1px,transparent 1.4px) 23px 28px/112px 112px;opacity:.65;}.zz-page .zz-xmas-bottom-banner__media{position:relative;min-height:330px;background:linear-gradient(90deg,rgba(43,12,51,.02),rgba(55,17,65,.08) 64%,#4f1d5d 100%),var(--zz-banner-image),radial-gradient(circle at 42% 42%,rgba(197,146,207,.36),transparent 27%),linear-gradient(145deg,#8d3d99,#4a1856 68%,#2c0d34);background-size:cover;background-position:center;}.zz-page .zz-xmas-bottom-banner__media::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:44%;background:linear-gradient(90deg,transparent,#4f1d5d 86%);pointer-events:none;}.zz-page .zz-xmas-bottom-banner__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(255,255,255,.64);}.zz-page .zz-xmas-bottom-banner__placeholder span{width:80px;height:80px;display:grid;place-items:center;border-radius:24px;color:#d4b276;font-size:35px !important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);}.zz-page .zz-xmas-bottom-banner__placeholder small{font-size:8px;letter-spacing:.15em}.zz-page .zz-xmas-bottom-banner__content{position:relative;z-index:2;padding:48px clamp(32px,5vw,76px) 46px 34px;display:flex;flex-direction:column;justify-content:center;}.zz-page .zz-xmas-bottom-banner__content>span{color:#d9b978;font-size:9px !important;font-weight:900;letter-spacing:.18em !important;opacity:1 !important;}.zz-page .zz-xmas-bottom-banner__content h3{margin:12px 0 14px !important;font-family:var(--title-font) !important;font-size:clamp(32px,3.5vw,52px) !important;line-height:1.02 !important;letter-spacing:-.05em !important;color:#fff;}.zz-page .zz-xmas-bottom-banner__content p{max-width:680px !important;margin:0 !important;color:rgba(255,255,255,.70) !important;font-size:12px !important;line-height:1.72 !important;}.zz-page .zz-xmas-bottom-banner__actions{margin-top:25px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}.zz-page .zz-xmas-bottom-banner__actions button{min-height:56px !important;padding:0 22px !important;border:1px solid rgba(222,190,132,.44) !important;border-radius:17px !important;color:#4d1c57 !important;background:linear-gradient(145deg,#fffdf9,#ead7b6) !important;box-shadow:0 15px 34px rgba(19,3,23,.22) !important;}.zz-page .zz-xmas-bottom-banner__actions button:hover{transform:translateY(-3px) !important}.zz-page .zz-xmas-bottom-banner__actions small{color:rgba(255,255,255,.48);font-size:8px;font-weight:800;letter-spacing:.13em;}@media(max-width:980px){.zz-page .zz-personal-hero.zz-xmas-story{grid-template-columns:1fr !important}.zz-page .zz-personal-copy.zz-xmas-story__copy{min-height:auto !important;padding:48px 34px !important;background:linear-gradient(180deg,#fffdfc 0%,rgba(255,253,252,.96) 82%,rgba(255,253,252,.55) 100%) !important}.zz-page .zz-xmas-story__visual{min-height:420px}.zz-page .zz-xmas-story__visual::before{inset:-1px 0 auto;width:100%;height:30%;background:linear-gradient(180deg,#fffdfc 0%,rgba(255,253,252,.72) 36%,transparent 100%)}.zz-page .zz-campaign-banner.zz-xmas-bottom-banner{grid-template-columns:1fr !important}.zz-page .zz-xmas-bottom-banner__media{min-height:280px}.zz-page .zz-xmas-bottom-banner__media::after{top:auto;right:0;bottom:-1px;left:0;width:100%;height:42%;background:linear-gradient(180deg,transparent,#511e5f 88%)}.zz-page .zz-xmas-bottom-banner__content{padding:38px 30px 42px}}@media(max-width:700px){.zz-page .zz-personal-hero.zz-xmas-story{border-radius:23px !important}.zz-page .zz-personal-copy.zz-xmas-story__copy{padding:35px 21px !important}.zz-page .zz-xmas-story__copy h2{font-size:clamp(38px,11vw,52px) !important}.zz-page .zz-xmas-story__points{grid-template-columns:1fr !important;margin:23px 0 !important}.zz-page .zz-xmas-story__points .zz-personal-point{min-height:0}.zz-page .zz-xmas-story__cta{width:100%;justify-content:center}.zz-page .zz-xmas-story__visual{min-height:330px}.zz-page .zz-engraving-options--luxury{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.zz-page .zz-engraving-options--luxury .zz-engraving-option{min-height:122px !important}.zz-page .zz-campaign-banner.zz-xmas-bottom-banner{border-radius:23px !important}.zz-page .zz-xmas-bottom-banner__media{min-height:230px}.zz-page .zz-xmas-bottom-banner__content{padding:31px 21px 34px}.zz-page .zz-xmas-bottom-banner__content h3{font-size:34px !important}.zz-page .zz-xmas-bottom-banner__actions{display:block}.zz-page .zz-xmas-bottom-banner__actions button{width:100% !important;margin:0 0 12px !important}.zz-page .zz-xmas-bottom-banner__actions small{display:block;text-align:center}}
/* PRODUCTION PERFORMANCE LAYER — preserves desktop WOW, reduces initial render cost */
.zz-page .zz-personal-section,
.zz-page .zz-tool-section,
.zz-page .finder,
.zz-page .zz-product-choice,
.zz-page .zz-campaign-banner{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}
.zz-page img{height:auto;max-width:100%}
@media(max-width:700px){
  .zz-page .zz-cosmic-stars{opacity:.72}
  .zz-page .comet{animation-duration:12s!important}
  .zz-page .ring.outer{animation-duration:48s!important}
  .zz-page .ring.inner{animation-duration:30s!important}
  .zz-page .clock-ticks{animation-duration:85s!important}
  .zz-page .zz-celestial-orbit{animation-duration:32s!important}
}
@media(prefers-reduced-motion:reduce){
  .zz-page *, .zz-page *::before, .zz-page *::after{
    scroll-behavior:auto!important;
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
  }
}

/* ===== zz-responsive-ux-v10 ===== */
/* ============================================================
   ZISANO ZODIAC – RESPONSIVE / ACCESSIBILITY PATCH V10
   Ziel: MacBook-Fenster, niedrige Viewports, Mobile-first UX
============================================================ */
.zz-page,
.zz-page *{box-sizing:border-box}
.zz-page{max-width:100%;overflow-x:clip}
.zz-page img,.zz-page svg,.zz-page canvas{max-width:100%}
.zz-page .container{max-width:100%}

/* Lesbarkeit & größere Touch-Ziele */
.zz-page button,
.zz-page a.primary-button,
.zz-page .zz-order-button,
.zz-page .zz-product-select,
.zz-page .zz-product-cart,
.zz-page .zz-product-link,
.zz-page .zz-personal-cta,
.zz-page .zz-xmas-story__cta{
  min-height:52px;
}
.zz-page .zz-product-cart,
.zz-page .zz-product-link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
  font-family:var(--body-font);
  font-size:15px;
  font-weight:800;
  line-height:1.25;
  border-radius:16px;
}
.zz-page .zz-product-cart{
  margin-top:18px;
  padding:14px 18px;
  border:1px solid rgba(130,47,140,.16);
  color:#fff;
  background:linear-gradient(135deg,#8f359a,#6f2679);
  box-shadow:0 12px 26px rgba(94,31,101,.18);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.zz-page .zz-product-cart:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(94,31,101,.23)}
.zz-page .zz-product-cart:disabled{opacity:.62;cursor:wait;transform:none}
.zz-page .zz-product-link{
  margin-top:16px !important;
  padding:13px 18px !important;
  border:1px solid rgba(117,76,120,.16) !important;
  color:#6d536f !important;
  background:#fff !important;
}
.zz-page .zz-product-link:hover{border-color:rgba(126,45,137,.28) !important;color:#762a80 !important}

/* Hero: Reserve unten Platz für Scroll-Indikator */
.zz-page .hero{
  min-height:max(680px,100svh) !important;
  height:auto !important;
  padding-bottom:112px !important;
  overflow:hidden;
}
.zz-page .hero-grid{
  min-height:calc(max(680px,100svh) - 112px) !important;
  height:auto !important;
  align-items:center !important;
}
.zz-page .hero-grid>div:first-child{
  min-width:0;
  padding-bottom:18px;
}
.zz-page .zz-xmas-scroll{
  bottom:28px !important;
  z-index:12;
}
.zz-page .lead{max-width:690px}

/* Grid children dürfen schrumpfen statt horizontal überzulaufen */
.zz-page .hero-grid>*,
.zz-page .zz-builder-grid>*,
.zz-page .zz-builder-grid--v9>*,
.zz-page .zz-product-choice>*,
.zz-page .zz-edition-grid>*,
.zz-page .zz-process-section>*{
  min-width:0;
}

/* Laptop / MacBook bei nicht maximiertem Fenster */
@media (min-width:901px) and (max-width:1440px){
  .zz-page .container{padding-left:clamp(24px,3.2vw,48px);padding-right:clamp(24px,3.2vw,48px)}
  .zz-page .hero-grid{gap:clamp(24px,3vw,54px)}
  .zz-page .zz-hero-title{font-size:clamp(46px,5.4vw,76px) !important}
  .zz-page .lead{font-size:clamp(16px,1.35vw,19px) !important;line-height:1.65 !important}
  .zz-page .zz-builder-grid--v9{
    grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr) !important;
  }
}

/* Niedrige Desktop-Viewports: Inhalt nicht in feste 600/650px Box pressen */
@media (min-width:1051px) and (max-height:850px){
  .zz-page .hero{
    min-height:720px !important;
    padding-top:32px !important;
    padding-bottom:104px !important;
  }
  .zz-page .hero-grid{
    min-height:584px !important;
    align-items:center !important;
  }
  .zz-page .zz-hero-title{font-size:clamp(42px,5vw,66px) !important;line-height:.98 !important}
  .zz-page .lead{margin-top:18px !important;font-size:16px !important;line-height:1.58 !important}
  .zz-page .hero-actions{margin-top:22px !important}
  .zz-page .astro-wrap{transform:scale(.91);transform-origin:center}
  .zz-page .zz-xmas-scroll{bottom:24px !important}

  .zz-page .zz-builder-grid--v4,
  .zz-page .zz-builder-grid--v9,
  .zz-page .zz-builder-left,
  .zz-page .zz-live-config-panel{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .zz-page .zz-live-config-panel{position:sticky;top:14px}
}
@media (min-width:1051px) and (max-height:720px){
  .zz-page .hero{min-height:660px !important;padding-top:22px !important;padding-bottom:96px !important}
  .zz-page .hero-grid{min-height:542px !important}
  .zz-page .zz-hero-title{font-size:clamp(38px,4.6vw,58px) !important}
  .zz-page .astro-wrap{transform:scale(.82)}
  .zz-page .zz-xmas-scroll{bottom:18px !important}
}

/* Tablet */
@media (max-width:1050px){
  .zz-page .hero{min-height:auto !important;padding-bottom:88px !important}
  .zz-page .hero-grid{min-height:0 !important}
  .zz-page .zz-builder-grid--v9{
    grid-template-columns:1fr !important;
    grid-template-areas:"main" "preview" "summary" !important;
  }
  .zz-page .zz-live-config-panel{position:relative !important;top:auto !important}
  .zz-page .zz-product-choice{overflow:visible !important}
}

/* Mobile: bewusst luftiger, besser lesbar, größere Bedienflächen */
@media (max-width:700px){
  .zz-page{font-size:17px}
  .zz-page .container{
    width:100% !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .zz-page .hero{
    min-height:auto !important;
    padding-top:34px !important;
    padding-bottom:86px !important;
  }
  .zz-page .hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    min-height:0 !important;
    gap:34px !important;
  }
  .zz-page .hero-grid>div:first-child{padding-bottom:0}
  .zz-page .eyebrow{font-size:11px !important;line-height:1.45 !important;letter-spacing:.10em !important}
  .zz-page .zz-hero-title{
    margin-top:14px !important;
    font-size:clamp(43px,13vw,62px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
  }
  .zz-page .lead{
    margin-top:22px !important;
    font-size:17px !important;
    line-height:1.72 !important;
  }
  .zz-page .hero-actions{
    margin-top:28px !important;
    display:grid !important;
    gap:18px !important;
  }
  .zz-page .primary-button{
    width:100% !important;
    min-height:58px !important;
    padding:16px 18px !important;
    font-size:17px !important;
  }
  .zz-page .gift-note{padding:4px 2px}
  .zz-page .gift-note strong{font-size:14px !important}
  .zz-page .gift-note small{font-size:12px !important;line-height:1.45 !important}
  .zz-page .astro-wrap{min-height:320px !important;transform:none !important}
  .zz-page .zz-xmas-scroll{bottom:20px !important}
  .zz-page .zz-xmas-scroll span{font-size:11px !important}

  /* Sections */
  .zz-page .zz-personal-section{padding-top:58px !important;padding-bottom:58px !important}
  .zz-page .zz-personal-section>.container{padding:0 20px !important}
  .zz-page .zz-personal-copy,
  .zz-page .zz-personal-copy.zz-xmas-story__copy{
    padding:40px 22px !important;
  }
  .zz-page .zz-personal-copy p,
  .zz-page .zz-xmas-story__copy p,
  .zz-page .zz-edition-head p,
  .zz-page .zz-process-copy>p,
  .zz-page .zz-campaign-banner p,
  .zz-page .zz-xmas-bottom-banner__content p{
    font-size:16px !important;
    line-height:1.7 !important;
  }
  .zz-page .micro-label{font-size:10px !important}
  .zz-page .zz-personal-point{padding:17px !important;gap:13px !important}
  .zz-page .zz-personal-point strong{font-size:15px !important}
  .zz-page .zz-personal-point p,
  .zz-page .zz-personal-point small{font-size:13px !important;line-height:1.55 !important}

  /* Konfigurator */
  .zz-page .zz-config-main-card .zz-builder-card{padding:24px 18px 26px !important}
  .zz-page .zz-config-main-card h4{font-size:clamp(30px,9vw,38px) !important;line-height:1.08 !important}
  .zz-page .zz-config-main-card .zz-card-step>strong{font-size:12px !important}
  .zz-page .zz-engraving-options--luxury{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
  }
  .zz-page .zz-engraving-options--luxury .zz-engraving-option{
    min-height:136px !important;
    padding:16px 12px !important;
  }
  .zz-page .zz-engraving-options--luxury .zz-engraving-option strong{font-size:12px !important}
  .zz-page .zz-engraving-options--luxury .zz-engraving-option small{font-size:10px !important;line-height:1.35 !important}
  .zz-page .zz-config-main-card .zz-custom-row label{font-size:11px !important}
  .zz-page .zz-config-main-card .zz-symbol-picker{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important}
  .zz-page .zz-symbol-button{height:62px !important;min-height:62px !important;font-size:27px !important}
  .zz-page input,
  .zz-page select,
  .zz-page textarea{font-size:16px !important}

  .zz-page .zz-order-button,
  .zz-page .zz-personal-cta,
  .zz-page .zz-xmas-story__cta,
  .zz-page .zz-campaign-banner button{
    min-height:58px !important;
    padding:15px 20px !important;
    font-size:16px !important;
    line-height:1.3 !important;
  }

  /* Produkte */
  .zz-page .zz-product-choice{margin-top:40px !important;padding:24px 18px !important}
  .zz-page .zz-product-choice__head h3,
  .zz-page .zz-product-choice__head h4{font-size:clamp(27px,8vw,36px) !important}
  .zz-page .zz-product-choice__head p,
  .zz-page .zz-product-choice__note{font-size:14px !important;line-height:1.6 !important}
  .zz-page .zz-engraving-product-card{min-width:min(84vw,340px) !important}
  .zz-page .zz-engraving-product-copy{padding:18px !important}
  .zz-page .zz-engraving-product-copy h4{font-size:20px !important;line-height:1.25 !important}
  .zz-page .zz-engraving-product-price{font-size:18px !important}
  .zz-page .zz-product-cart,
  .zz-page .zz-product-link{
    min-height:56px !important;
    font-size:16px !important;
  }
  .zz-page .zz-product-link{margin-top:18px !important}

  /* Karten/Story */
  .zz-page .zz-edition-world,
  .zz-page .zz-process-section,
  .zz-page .zz-campaign-banner{padding:32px 20px !important}
  .zz-page .zz-edition-card{padding:22px !important}
  .zz-page .zz-edition-card h4{font-size:25px !important}
  .zz-page .zz-edition-card p{font-size:15px !important;line-height:1.65 !important}
  .zz-page .zz-process-step{padding:18px !important}
  .zz-page .zz-process-step strong{font-size:15px !important}
  .zz-page .zz-process-step p{font-size:13px !important;line-height:1.55 !important}
}

/* Sehr schmale Geräte: nicht wieder zu dicht pressen */
@media (max-width:390px){
  .zz-page .container,
  .zz-page .zz-personal-section>.container{padding-left:16px !important;padding-right:16px !important}
  .zz-page .zz-hero-title{font-size:clamp(39px,12.5vw,50px) !important}
  .zz-page .zz-engraving-options--luxury{grid-template-columns:1fr !important}
  .zz-page .zz-engraving-options--luxury .zz-engraving-option{min-height:118px !important}
  .zz-page .zz-config-main-card .zz-symbol-picker{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}

/* ===== zz-elegant-redesign-v11 ===== */
/* ===== V11 · ELEGANT PERSONALIZATION + ASTRO EXPLORER ===== */
.zz-page .zz-hub-nav--three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:980px;margin-inline:auto}
.zz-page .zz-hub-nav--three .zz-hub-tab{min-width:0;padding-inline:clamp(14px,2vw,28px)}
.zz-page .zz-hub-tab--explorer i{font-size:18px}

/* Größeres, eleganteres Stern-Ornament unter dem Finder-Intro */
.zz-page .finder .section-head::after{
  content:"✦     ───────────     ✧     ───────────     ✦" !important;
  width:min(560px,92vw) !important;
  margin:24px auto 0 !important;
  overflow:hidden;
  color:rgba(167,124,72,.60) !important;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-align:center;
  white-space:nowrap;
  filter:drop-shadow(0 5px 12px rgba(128,80,34,.08));
}

/* Personalization: one premium surface instead of nested containers */
.zz-page .zz-personal-section{background:linear-gradient(180deg,#fbf8fb 0%,#fff 18%,#faf6fa 100%) !important}
.zz-page .zz-personal-section>.container{padding:0 clamp(20px,4.2vw,76px) !important}
.zz-page .zz-personal-shell{position:relative;isolation:isolate;padding:0 !important;background:transparent !important}
.zz-page .zz-personal-hero.zz-xmas-story,
.zz-page .zz-personal-builder,
.zz-page .zz-campaign-banner.zz-xmas-bottom-banner{max-width:1440px;margin-inline:auto !important}
.zz-page .zz-personal-hero.zz-xmas-story{border-radius:34px !important;box-shadow:0 28px 80px rgba(69,27,74,.10) !important}
.zz-page .zz-personal-builder{
  position:relative;
  margin-top:34px !important;
  padding:clamp(26px,3.5vw,52px) !important;
  overflow:hidden;
  border:1px solid rgba(112,49,120,.09) !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 92% 4%,rgba(210,177,216,.20),transparent 26%),
    linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,244,249,.94)) !important;
  box-shadow:0 26px 70px rgba(66,25,72,.08) !important;
}
.zz-page .zz-personal-builder::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;
  background:radial-gradient(circle,rgba(157,112,165,.13) 0 1px,transparent 1.3px) 15px 8px/86px 86px;
  -webkit-mask-image:linear-gradient(180deg,#000 0,transparent 36%);mask-image:linear-gradient(180deg,#000 0,transparent 36%);
}
.zz-page .zz-order-flow,
.zz-page .zz-builder-head,
.zz-page .zz-engraving-target-shell,
.zz-page .zz-builder-grid--v9,
.zz-page .zz-product-choice{position:relative;z-index:2}
.zz-page .zz-order-flow{margin:0 0 36px !important;padding:0 0 25px !important;border:0 !important;border-bottom:1px solid rgba(109,60,113,.10) !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
.zz-page .zz-builder-head{padding:0 !important;margin-bottom:30px !important;border:0 !important;background:transparent !important;box-shadow:none !important}
.zz-page .zz-builder-head::after{margin-top:20px !important}
.zz-page .zz-engraving-target-shell{margin:0 0 32px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important}
.zz-page .zz-builder-grid--v9{gap:28px !important}
.zz-page .zz-config-main-card,
.zz-page .zz-config-main-card .zz-builder-card,
.zz-page .zz-live-config-panel,
.zz-page .zz-builder-summary{border:0 !important;background:transparent !important;box-shadow:none !important}
.zz-page .zz-config-main-card .zz-builder-card{padding:0 !important}
.zz-page .zz-live-config-panel{gap:18px !important}
.zz-page .zz-photo-preview{box-shadow:0 20px 55px rgba(47,34,49,.12) !important}
.zz-page .zz-builder-summary{padding:24px 4px 4px !important;border-top:1px solid rgba(108,62,112,.10) !important;border-radius:0 !important}
.zz-page .zz-product-choice{margin-top:38px !important;padding:38px 0 0 !important;border:0 !important;border-top:1px solid rgba(108,62,112,.10) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}

/* Astro Explorer · satin pastel outer background + dark premium container */
.zz-page .zz-explorer-section{
  position:relative;
  padding:clamp(58px,7vw,104px) 0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 14% 16%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.58) 24%,transparent 48%),
    radial-gradient(ellipse at 84% 18%,rgba(224,195,228,.48) 0%,transparent 43%),
    radial-gradient(ellipse at 72% 82%,rgba(244,220,239,.62) 0%,transparent 46%),
    linear-gradient(132deg,#fffdfd 0%,#f8f0f8 28%,#eee2f0 51%,#f8f1f7 72%,#fffdfc 100%);
}
/* intentionally static: no dot matrix, snow-field or comet animation on the outer background */
.zz-page .zz-explorer-section::before,
.zz-page .zz-explorer-section::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}
.zz-page .zz-explorer-shell{
  position:relative;
  z-index:1;
  isolation:isolate;
  overflow:hidden;
  max-width:1320px;
  margin:auto;
  padding:clamp(30px,4vw,58px);
  border:1px solid rgba(255,255,255,.11);
  border-radius:36px;
  color:#fff;
  background:
    radial-gradient(circle at 92% 4%,rgba(201,96,207,.23),transparent 26%),
    radial-gradient(circle at 8% 92%,rgba(117,49,143,.21),transparent 29%),
    linear-gradient(145deg,rgba(64,24,74,.95),rgba(38,15,47,.96) 55%,rgba(50,18,59,.96));
  box-shadow:0 36px 110px rgba(17,4,22,.34),inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(18px);
}
.zz-page .zz-explorer-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 19%,rgba(255,255,255,.95) 0 1.2px,transparent 1.7px),
    radial-gradient(circle at 26% 9%,rgba(230,196,132,.82) 0 1.1px,transparent 1.6px),
    radial-gradient(circle at 72% 18%,rgba(255,255,255,.82) 0 1px,transparent 1.5px),
    radial-gradient(circle at 88% 36%,rgba(229,178,233,.86) 0 1.25px,transparent 1.8px),
    radial-gradient(circle at 61% 68%,rgba(255,255,255,.66) 0 1px,transparent 1.5px),
    radial-gradient(circle at 18% 76%,rgba(236,205,148,.62) 0 1px,transparent 1.5px);
  filter:drop-shadow(0 0 6px rgba(255,255,255,.25));
}
.zz-page .zz-explorer-shell::after{
  content:"✦";
  position:absolute;
  z-index:-1;
  right:7%;
  top:11%;
  color:rgba(240,207,154,.18);
  font-size:clamp(110px,12vw,190px);
  line-height:1;
  filter:blur(.2px);
  transform:rotate(18deg);
}
.zz-page .zz-explorer-header,.zz-page .zz-explorer-nav,.zz-page .zz-explorer-stage,.zz-page .zz-explorer-xmas-promo{position:relative;z-index:2}
.zz-page .zz-explorer-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;margin-bottom:26px}
.zz-page .zz-explorer-header .kicker{color:#d9b978}
.zz-page .zz-explorer-header h2{max-width:860px;margin:10px 0 14px;font-family:var(--title-font);font-size:clamp(39px,4.6vw,65px);line-height:.98;letter-spacing:-.055em;color:#fff}
.zz-page .zz-explorer-header p{max-width:790px;margin:0;color:rgba(255,255,255,.66);font-size:15px;line-height:1.75}
.zz-page .zz-explorer-ornament{width:128px;height:128px;position:relative;display:grid;place-items:center;border-radius:50%;color:#f0d5ee;background:radial-gradient(circle,rgba(255,255,255,.13) 0 40%,rgba(199,112,203,.14) 41% 56%,transparent 57%);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 42px rgba(181,88,188,.12),inset 0 0 32px rgba(255,255,255,.04)}
.zz-page .zz-explorer-ornament span,.zz-page .zz-explorer-ornament i,.zz-page .zz-explorer-ornament b{position:absolute;font-style:normal}.zz-page .zz-explorer-ornament span{top:13px;color:#e5c37f;font-size:17px}.zz-page .zz-explorer-ornament i{font-size:34px}.zz-page .zz-explorer-ornament b{bottom:13px;font-size:18px;font-weight:600}
.zz-page .zz-explorer-xmas-promo{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 24px;padding:15px 17px 15px 19px;border:1px solid rgba(225,194,137,.20);border-radius:18px;background:linear-gradient(90deg,rgba(227,189,128,.09),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.zz-page .zz-explorer-xmas-promo__copy{display:flex;align-items:center;gap:13px;min-width:0}.zz-page .zz-explorer-xmas-promo__icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#e8c889;background:rgba(231,197,137,.10);border:1px solid rgba(231,197,137,.16);font-size:17px}.zz-page .zz-explorer-xmas-promo strong{display:block;color:#fff;font-size:12px;line-height:1.35}.zz-page .zz-explorer-xmas-promo small{display:block;margin-top:3px;color:rgba(255,255,255,.52);font-size:9px;line-height:1.45;letter-spacing:.025em}.zz-page .zz-explorer-xmas-promo button{flex:0 0 auto;min-height:42px;padding:0 15px;border:1px solid rgba(235,208,158,.26);border-radius:13px;color:#3c183f;background:linear-gradient(145deg,#fffdf8,#e9d2aa);font-family:var(--body-font);font-size:10px;font-weight:850;cursor:pointer;box-shadow:0 10px 24px rgba(14,3,18,.17);transition:.22s ease}.zz-page .zz-explorer-xmas-promo button:hover{transform:translateY(-2px)}
.zz-page .zz-explorer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(20,7,26,.26);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.zz-page .zz-explorer-nav button{min-height:78px;display:flex;align-items:center;justify-content:center;gap:13px;padding:12px 16px;border:0;border-radius:18px;color:rgba(255,255,255,.68);background:transparent;cursor:pointer;transition:.22s ease}
.zz-page .zz-explorer-nav button>i{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;font-style:normal;font-size:20px;color:#e5c9e3;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.07);box-shadow:none}
.zz-page .zz-explorer-nav button>span{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:14px;font-weight:800}.zz-page .zz-explorer-nav button small{font-size:8px;letter-spacing:.12em;color:rgba(255,255,255,.37)}
.zz-page .zz-explorer-nav button.is-active{color:#fff;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.13),transparent 28%),linear-gradient(135deg,#8d3b9a,#6b267a);box-shadow:0 15px 34px rgba(13,2,17,.26),inset 0 0 0 1px rgba(235,202,145,.10)}
.zz-page .zz-explorer-nav button.is-active>i{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.10)}.zz-page .zz-explorer-nav button.is-active small{color:rgba(255,255,255,.61)}
.zz-page .zz-explorer-stage{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.zz-page .zz-explorer-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 9% 20%,rgba(190,104,197,.12),transparent 27%),radial-gradient(circle at 85% 78%,rgba(214,178,120,.055),transparent 31%)}
.zz-page .zz-explorer-panel{display:none;position:relative;padding:clamp(28px,4vw,52px)}.zz-page .zz-explorer-panel.is-active{display:block;animation:zzExplorerIn .35s ease both}
.zz-page .zz-tool-grid--explorer{display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:clamp(34px,5vw,76px);align-items:center}
.zz-page .zz-explorer-panel .zz-tool-intro{padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
.zz-page .zz-explorer-panel .zz-tool-intro .kicker{color:#d8b977 !important}.zz-page .zz-explorer-panel .zz-tool-intro h3{margin:10px 0 15px;font-family:var(--title-font);font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.05em;color:#fff}.zz-page .zz-explorer-panel .zz-tool-intro p{color:rgba(255,255,255,.62) !important}.zz-page .zz-explorer-panel .zz-tool-badges span{color:rgba(255,255,255,.62) !important;background:rgba(255,255,255,.055) !important;border-color:rgba(255,255,255,.08) !important}
.zz-page .zz-explorer-panel .zz-tool-intro::after{content:"✦  ─────────  ✧  ─────────  ✦" !important;margin-top:24px !important;color:rgba(226,193,132,.66) !important;font-size:13px !important;letter-spacing:.11em !important}
.zz-page .zz-explorer-panel .zz-calculator{position:relative;overflow:hidden;margin:0 !important;padding:clamp(24px,3vw,38px) !important;border:1px solid rgba(255,255,255,.09) !important;border-radius:26px !important;background:radial-gradient(circle at 90% 7%,rgba(181,93,188,.18),transparent 25%),linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055)) !important;box-shadow:0 24px 60px rgba(10,2,14,.24),inset 0 1px rgba(255,255,255,.045) !important;backdrop-filter:blur(14px)}
.zz-page .zz-explorer-panel .zz-calculator::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 6%,rgba(232,197,136,.07),transparent 22%)}
.zz-page .zz-explorer-panel .zz-calc-title strong,.zz-page .zz-explorer-panel .zz-result h3{color:#fff !important}.zz-page .zz-explorer-panel .zz-calc-title span,.zz-page .zz-explorer-panel .zz-result small{color:rgba(255,255,255,.42) !important}.zz-page .zz-explorer-panel .zz-field label{color:rgba(255,255,255,.74) !important}.zz-page .zz-explorer-panel .zz-field input,.zz-page .zz-explorer-panel .zz-field select{border-color:rgba(255,255,255,.10) !important;background:rgba(255,255,255,.93) !important;box-shadow:none !important}.zz-page .zz-explorer-panel .zz-calc-hint{color:rgba(255,255,255,.45) !important}.zz-page .zz-explorer-panel .zz-result{border-color:rgba(255,255,255,.08) !important;background:rgba(17,5,22,.18) !important}.zz-page .zz-explorer-panel .zz-result p{color:rgba(255,255,255,.64) !important}.zz-page .zz-explorer-panel .zz-result-symbol{color:#f0d4ed !important;background:rgba(255,255,255,.08) !important}.zz-page .zz-explorer-panel .zz-moon-stat,.zz-page .zz-explorer-panel .zz-daily-card{border-color:rgba(255,255,255,.08) !important;background:rgba(255,255,255,.055) !important}.zz-page .zz-explorer-panel .zz-moon-stat strong,.zz-page .zz-explorer-panel .zz-daily-card strong{color:#fff !important}.zz-page .zz-explorer-panel .zz-moon-stat small,.zz-page .zz-explorer-panel .zz-daily-card span{color:#d9b978 !important}.zz-page .zz-explorer-panel .zz-daily-card p{color:rgba(255,255,255,.62) !important}
.zz-page .zz-calculator--moon::after{content:"";position:absolute;right:-18px;bottom:-22px;width:180px;height:230px;pointer-events:none;opacity:.105;background:center bottom/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 160'%3E%3Cg fill='none' stroke='%23e8d1ea' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M60 10v135M60 20L25 58h22L15 92h32L8 130h104L73 92h32L73 58h22z'/%3E%3Cpath d='M43 145h34'/%3E%3C/g%3E%3C/svg%3E")}
.zz-page .zz-field select#zz-asc-city option[hidden]{display:none}
@keyframes zzExplorerIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:980px){
 .zz-page .zz-hub-nav--three{grid-template-columns:1fr 1fr 1fr}
 .zz-page .zz-explorer-header{grid-template-columns:1fr}.zz-page .zz-explorer-ornament{display:none}
 .zz-page .zz-tool-grid--explorer{grid-template-columns:1fr}
 .zz-page .zz-explorer-nav button{justify-content:flex-start}
}
@media(max-width:700px){
 .zz-page .zz-hub-nav--three{grid-template-columns:1fr !important;gap:7px}
 .zz-page .zz-personal-section>.container{padding:0 18px !important}
 .zz-page .zz-personal-builder{margin-top:20px !important;padding:24px 18px !important;border-radius:24px !important}
 .zz-page .zz-order-flow{margin-bottom:26px !important}
 .zz-page .zz-explorer-section{padding:52px 0}.zz-page .zz-explorer-shell{padding:22px 16px;border-radius:26px}.zz-page .zz-explorer-header{margin-bottom:24px;padding:0 4px}
 .zz-page .zz-explorer-header h2{font-size:clamp(38px,11vw,50px)}
 .zz-page .zz-explorer-nav{grid-template-columns:1fr;padding:6px;border-radius:20px}.zz-page .zz-explorer-nav button{min-height:64px}
 .zz-page .zz-explorer-stage{border-radius:22px}.zz-page .zz-explorer-panel{padding:27px 18px}
 .zz-page .zz-explorer-xmas-promo{align-items:flex-start;padding:14px}.zz-page .zz-explorer-xmas-promo button{display:none}.zz-page .zz-explorer-xmas-promo small{font-size:8px}.zz-page .zz-explorer-section::after{display:none}
 .zz-page .finder .section-head::after{width:100% !important;font-size:10px !important;letter-spacing:.08em !important}
}

/* ===== zz-flat-photo-redesign-v12 ===== */
/* ===== V12 · FLAT CHRISTMAS PERSONALIZATION / REAL PRODUCT PHOTO ===== */

/* One continuous satin background from the 3-way selector into personalization */
.zz-page .zz-hub-nav-wrap,
.zz-page .zz-personal-section{
  background:
    radial-gradient(ellipse at 12% 8%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.40) 31%,transparent 54%),
    radial-gradient(ellipse at 90% 10%,rgba(215,188,220,.42) 0%,transparent 42%),
    radial-gradient(ellipse at 72% 80%,rgba(240,218,237,.55) 0%,transparent 46%),
    linear-gradient(132deg,#f9f5f8 0%,#eadfe9 42%,#f7f1f6 73%,#fcfafb 100%) !important;
}
.zz-page .zz-hub-nav-wrap{padding-bottom:30px !important}
.zz-page .zz-personal-section{padding:40px 0 clamp(72px,7vw,112px) !important}

/* Remove the two visual outer shells. Only functional inner surfaces remain. */
.zz-page .zz-personal-section>.container{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 clamp(24px,5vw,92px) !important;
}
.zz-page .zz-personal-shell{
  width:min(1500px,100%) !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.zz-page .zz-personal-builder{
  width:100% !important;
  max-width:1440px !important;
  margin:44px auto 0 !important;
  padding:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.zz-page .zz-personal-builder::before{content:none !important;display:none !important}

/* Hero becomes one image-led composition instead of a white card beside a purple placeholder */
.zz-page .zz-personal-hero.zz-xmas-story{
  position:relative !important;
  display:grid !important;
  grid-template-columns:minmax(420px,.84fr) minmax(520px,1.16fr) !important;
  min-height:560px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.55) !important;
  border-radius:30px !important;
  background:#4b2754 !important;
  box-shadow:0 30px 75px rgba(76,43,77,.15) !important;
  isolation:isolate;
}
.zz-page .zz-xmas-story__visual{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  min-height:100% !important;
  background:#4b2754 !important;
}
.zz-page .zz-xmas-story__photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.94) contrast(1.02);
  transform:scale(1.01);
}
.zz-page .zz-xmas-story__visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(250,247,249,.98) 0%,
      rgba(249,245,248,.95) 27%,
      rgba(247,241,246,.78) 41%,
      rgba(242,232,241,.30) 54%,
      rgba(68,31,77,.06) 68%,
      rgba(45,18,54,.14) 100%),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 62%,rgba(36,15,43,.12));
}
.zz-page .zz-personal-copy.zz-xmas-story__copy{
  position:relative !important;
  z-index:2 !important;
  grid-column:1 / 2 !important;
  min-height:560px !important;
  padding:clamp(48px,5.2vw,78px) clamp(32px,4.3vw,68px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  background:transparent !important;
}
.zz-page .zz-xmas-story__copy h2{max-width:620px !important}
.zz-page .zz-xmas-story__lead{max-width:650px !important}
.zz-page .zz-xmas-story__points{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  max-width:720px !important;
}
.zz-page .zz-xmas-story__points .zz-personal-point{
  background:rgba(255,255,255,.64) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 10px 28px rgba(77,47,78,.06) !important;
  backdrop-filter:blur(12px);
}

/* The builder is now a composition, not a giant card. */
.zz-page .zz-order-flow{
  margin:0 auto 34px !important;
  padding:18px 20px !important;
  max-width:1100px !important;
  border:1px solid rgba(255,255,255,.70) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.43) !important;
  box-shadow:0 16px 42px rgba(75,42,76,.055) !important;
  backdrop-filter:blur(14px);
}
.zz-page .zz-builder-head{
  max-width:1180px !important;
  margin:0 auto 30px !important;
  padding:0 10px !important;
}
.zz-page .zz-engraving-target-shell,
.zz-page .zz-builder-grid--v9,
.zz-page .zz-product-choice{
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.zz-page .zz-engraving-target-shell{
  padding:8px !important;
  border:1px solid rgba(255,255,255,.68) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.37) !important;
  box-shadow:0 14px 36px rgba(74,39,75,.05) !important;
  backdrop-filter:blur(12px);
}

/* Keep only the meaningful inner work cards */
.zz-page .zz-config-main-card .zz-builder-card,
.zz-page .zz-photo-preview{
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 22px 54px rgba(76,42,78,.08) !important;
}
.zz-page .zz-builder-summary{
  background:rgba(255,255,255,.34) !important;
  border:1px solid rgba(255,255,255,.62) !important;
  border-radius:20px !important;
  padding:22px !important;
  backdrop-filter:blur(12px);
}
.zz-page .zz-product-choice{
  margin-top:42px !important;
  padding:38px 0 0 !important;
  border-top:1px solid rgba(112,73,115,.11) !important;
}

/* Bottom campaign: same real image, text side melts into it */
.zz-page .zz-campaign-banner.zz-xmas-bottom-banner{
  max-width:1320px !important;
  margin:48px auto 0 !important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr) !important;
  min-height:380px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:30px !important;
  background:#3e1748 !important;
  box-shadow:0 25px 65px rgba(70,31,78,.17) !important;
}
.zz-page .zz-xmas-bottom-banner::before{content:none !important}
.zz-page .zz-xmas-bottom-banner__media{
  position:absolute !important;
  inset:0 !important;
  min-height:100% !important;
  background:none !important;
}
.zz-page .zz-xmas-bottom-banner__photo{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(.92) contrast(1.03);
}
.zz-page .zz-xmas-bottom-banner__media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  background:
    linear-gradient(90deg,rgba(38,13,46,.04) 0%,rgba(48,17,57,.16) 42%,rgba(56,18,65,.83) 67%,rgba(49,15,58,.97) 100%),
    linear-gradient(180deg,rgba(25,7,30,.03),rgba(25,7,30,.18)) !important;
}
.zz-page .zz-xmas-bottom-banner__content{
  grid-column:2 !important;
  z-index:2 !important;
  padding:54px clamp(34px,4vw,64px) !important;
}

@media(max-width:1100px){
  .zz-page .zz-personal-hero.zz-xmas-story{grid-template-columns:1fr !important;min-height:650px !important}
  .zz-page .zz-personal-copy.zz-xmas-story__copy{min-height:650px !important;max-width:680px !important}
  .zz-page .zz-xmas-story__visual::after{
    background:linear-gradient(90deg,rgba(250,247,249,.97) 0%,rgba(248,244,247,.88) 45%,rgba(246,238,245,.46) 68%,rgba(47,20,56,.12) 100%) !important;
  }
}
@media(max-width:760px){
  .zz-page .zz-hub-nav-wrap{padding-bottom:18px !important}
  .zz-page .zz-personal-section{padding:20px 0 72px !important}
  .zz-page .zz-personal-section>.container{padding:0 16px !important}
  .zz-page .zz-personal-hero.zz-xmas-story{min-height:0 !important;border-radius:24px !important;background:#faf5f9 !important}
  .zz-page .zz-xmas-story__visual{position:relative !important;min-height:340px !important;order:2 !important}
  .zz-page .zz-xmas-story__visual::after{background:linear-gradient(180deg,#faf6f9 0%,rgba(250,246,249,.72) 18%,transparent 48%,rgba(44,18,51,.10) 100%) !important}
  .zz-page .zz-personal-copy.zz-xmas-story__copy{min-height:0 !important;padding:36px 22px 28px !important;background:#faf6f9 !important}
  .zz-page .zz-xmas-story__points{grid-template-columns:1fr !important}
  .zz-page .zz-personal-builder{margin-top:30px !important}
  .zz-page .zz-order-flow{border-radius:18px !important}
  .zz-page .zz-engraving-target-shell{border-radius:19px !important}
  .zz-page .zz-campaign-banner.zz-xmas-bottom-banner{min-height:520px !important;display:flex !important;align-items:flex-end !important;border-radius:24px !important}
  .zz-page .zz-xmas-bottom-banner__media::after{background:linear-gradient(180deg,rgba(47,17,56,.02) 0%,rgba(48,17,57,.15) 38%,rgba(46,15,55,.93) 72%,#2f0e38 100%) !important}
  .zz-page .zz-xmas-bottom-banner__content{width:100% !important;padding:34px 24px !important}
}

/* ===== V15 · SEAMLESS ZODIAC CHRISTMAS WORLD BACKGROUND ===== */
/* The hub selector area and the content below must read as ONE continuous surface. */
.zz-page .zz-hub-nav-wrap,
.zz-page .zz-personal-section{
  background:#f7f1f6 !important;
}

/* Full-bleed hub background: no differently coloured side bands on wide screens. */
.zz-page .zz-hub-nav-wrap{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

/* Keep only the decorative Christmas tree on the right side. */
.zz-page .zz-hub-nav-wrap::after{
  display:none !important;
  content:none !important;
}

.zz-page #zz-xmas-nav .zz-hub-nav::after{
  display:block !important;
  right:clamp(22px,5vw,82px) !important;
  bottom:-45px !important;
  width:150px !important;
  height:150px !important;
  opacity:.48 !important;
  transform:rotate(7deg) !important;
}

/* Prevent a visual seam where the selector world meets the active panel. */
.zz-page .zz-hub-nav-wrap + .zz-tool-panel,
.zz-page .zz-hub-nav-wrap + .zz-personal-section{
  border-top:0 !important;
  margin-top:0 !important;
}

@media (max-width:1050px){
  .zz-page .zz-hub-nav-wrap{
    width:100% !important;
    max-width:none !important;
  }
  .zz-page #zz-xmas-nav .zz-hub-nav::after{
    right:20px !important;
    width:128px !important;
    height:128px !important;
  }
}

@media (max-width:700px){
  .zz-page .zz-hub-nav-wrap{
    width:100% !important;
    max-width:none !important;
  }
  .zz-page #zz-xmas-nav .zz-hub-nav::after{
    right:8px !important;
    bottom:-34px !important;
    width:98px !important;
    height:98px !important;
    opacity:.35 !important;
  }
}

/* ===== V16 · ONE CONTINUOUS CHRISTMAS WORLD + DECORATED ZODIAC INTRO ===== */
/* One real background for the entire Christmas hub. The individual tab panels are transparent. */
.zz-page{
  --zz-xmas-world:#efe7ef;
  background:var(--zz-xmas-world) !important;
}

.zz-page .zz-hub-nav-wrap,
.zz-page .zz-tool-panel,
.zz-page .zz-personal-section,
.zz-page .finder,
.zz-page .zz-explorer-section{
  background:transparent !important;
}

/* Remove any remaining full-width tint/overlay that could create a stripe between tabs. */
.zz-page .zz-hub-nav-wrap::before,
.zz-page .zz-tool-panel::before,
.zz-page .finder::before,
.zz-page .zz-personal-section::before{
  background:transparent !important;
}

/* The selector itself stays a soft glass surface, but its OUTER AREA has no separate colour. */
.zz-page .zz-hub-nav-wrap{
  padding-top:44px !important;
  padding-bottom:42px !important;
}
.zz-page #zz-xmas-nav .zz-hub-nav{
  position:relative;
  z-index:2;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(255,255,255,.80) !important;
  box-shadow:0 15px 38px rgba(72,39,73,.07) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Finder intro becomes an editorial Christmas card, inspired by the paw-print boxes. */
.zz-page .finder .section-head{
  position:relative;
  isolation:isolate;
  width:min(1180px,calc(100% - 32px)) !important;
  max-width:none !important;
  min-height:245px;
  margin:0 auto 34px !important;
  padding:46px clamp(190px,17vw,250px) 42px clamp(175px,15vw,220px) !important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.80);
  border-radius:28px;
  background:
    radial-gradient(circle at 58% 20%,rgba(255,255,255,.72),transparent 42%),
    linear-gradient(135deg,rgba(255,255,255,.68),rgba(250,246,250,.42)) !important;
  box-shadow:0 18px 48px rgba(76,43,78,.065);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* Left Christmas asset */
.zz-page .finder .section-head::before{
  content:"" !important;
  position:absolute !important;
  left:26px !important;
  bottom:14px !important;
  top:auto !important;
  width:150px !important;
  height:170px !important;
  display:block !important;
  background:url("https://zisano.at/wp-content/uploads/2026/08/asset_xmas.png") left bottom / contain no-repeat !important;
  opacity:.34 !important;
  transform:none !important;
  filter:saturate(.85) contrast(.96);
  pointer-events:none;
  z-index:-1;
}

/* Bigger Christmas tree asset on the right */
.zz-page .finder .section-head::after{
  content:"" !important;
  position:absolute !important;
  right:22px !important;
  bottom:8px !important;
  left:auto !important;
  top:auto !important;
  width:205px !important;
  height:205px !important;
  margin:0 !important;
  display:block !important;
  background:url("https://zisano.at/wp-content/uploads/2026/08/asset_xmas1.png") right bottom / contain no-repeat !important;
  opacity:.48 !important;
  transform:none !important;
  filter:saturate(.88) contrast(.97);
  pointer-events:none;
  z-index:-1;
}

.zz-page .finder .section-head .kicker,
.zz-page .finder .section-head h2,
.zz-page .finder .section-head p{
  position:relative;
  z-index:2;
}

.zz-page .finder .section-head h2{
  max-width:760px;
  margin-top:12px !important;
}
.zz-page .finder .section-head p{
  max-width:700px;
}

/* Move the elegant star divider under the intro text so the image pseudo-elements stay free. */
.zz-page .finder .section-head p::after{
  content:"✦     ───────────     ✧     ───────────     ✦";
  display:block;
  width:min(100%,560px);
  margin-top:24px;
  overflow:hidden;
  color:rgba(167,124,72,.56);
  font-size:12px;
  line-height:1;
  letter-spacing:.12em;
  white-space:nowrap;
}

/* Keep the zodiac cards on the exact same page surface. */
.zz-page .finder .container,
.zz-page .finder .zodiac-system,
.zz-page .zz-personal-section>.container,
.zz-page .zz-explorer-section>.container{
  background:transparent !important;
}

@media(max-width:900px){
  .zz-page .finder .section-head{
    min-height:220px;
    padding:38px 155px 36px 42px !important;
  }
  .zz-page .finder .section-head::before{
    width:110px !important;
    height:125px !important;
    left:-16px !important;
    opacity:.18 !important;
  }
  .zz-page .finder .section-head::after{
    width:155px !important;
    height:165px !important;
    right:10px !important;
    opacity:.36 !important;
  }
}

@media(max-width:700px){
  .zz-page .zz-hub-nav-wrap{
    padding-top:26px !important;
    padding-bottom:26px !important;
  }

  .zz-page .finder .section-head{
    width:calc(100% - 28px) !important;
    min-height:0;
    padding:31px 24px 34px !important;
    border-radius:22px;
  }

  /* On mobile the left tree becomes a barely-visible watermark. */
  .zz-page .finder .section-head::before{
    left:-18px !important;
    bottom:-18px !important;
    width:115px !important;
    height:130px !important;
    opacity:.08 !important;
  }

  /* Keep only one elegant tree clearly visible, away from the text. */
  .zz-page .finder .section-head::after{
    right:-12px !important;
    bottom:-18px !important;
    width:132px !important;
    height:145px !important;
    opacity:.14 !important;
  }

  .zz-page .finder .section-head h2,
  .zz-page .finder .section-head p{
    max-width:100%;
  }

  .zz-page .finder .section-head p::after{
    width:100%;
    margin-top:22px;
    font-size:9px;
    letter-spacing:.06em;
  }
}

/* ===== V17 · HUB SPACING + PERSONALIZATION SURFACE UNIFICATION ===== */
/* Selector: centered, label clearly ABOVE the controls, compact distance to every panel. */
.zz-page .zz-hub-nav-wrap{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:34px 24px 22px !important;
  box-sizing:border-box !important;
  background:transparent !important;
}
.zz-page .zz-hub-nav-wrap::before{
  content:"DEINE ZODIAC WEIHNACHTSWELT" !important;
  position:static !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  margin:0 auto 14px !important;
  padding:0 !important;
  transform:none !important;
  color:#766879 !important;
  background:none !important;
  font-family:var(--body-font) !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:.20em !important;
  text-align:center !important;
  opacity:.95 !important;
  pointer-events:none !important;
}
.zz-page #zz-xmas-nav .zz-hub-nav::before{
  content:none !important;
  display:none !important;
}
.zz-page #zz-xmas-nav .zz-hub-nav{
  width:min(1120px,100%) !important;
  max-width:1120px !important;
  margin:0 auto !important;
}

/* Same vertical rhythm for all three main panels. */
.zz-page .zz-tool-panel,
.zz-page .zz-personal-section,
.zz-page .zz-explorer-section,
.zz-page .finder{
  margin-top:0 !important;
  padding-top:28px !important;
}
.zz-page .zz-personal-section{padding-bottom:78px !important;}
.zz-page .zz-explorer-section{padding-bottom:78px !important;}
.zz-page .finder{padding-bottom:78px !important;}

/* Astro: bring the premium block up and use the same visual width as the other worlds. */
.zz-page .zz-explorer-section>.container{
  width:min(1380px,calc(100% - 48px)) !important;
  max-width:1380px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.zz-page .zz-explorer-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
}

/* Zodiac: intro card must have the same full content width as the sign grid beneath it. */
.zz-page .finder>.container{
  width:min(1380px,calc(100% - 48px)) !important;
  max-width:1380px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.zz-page .finder .section-head{
  width:100% !important;
  max-width:none !important;
  margin:0 0 28px !important;
  box-sizing:border-box !important;
}
.zz-page .finder .zodiac-system{
  width:100% !important;
  max-width:none !important;
  margin-inline:auto !important;
}

/* Personalization: same content width + less dead space below the selector. */
.zz-page .zz-personal-section>.container{
  width:min(1440px,calc(100% - 48px)) !important;
  max-width:1440px !important;
  margin:0 auto !important;
  padding:0 !important;
}
.zz-page .zz-personal-hero.zz-xmas-story,
.zz-page .zz-personal-builder,
.zz-page .zz-campaign-banner.zz-xmas-bottom-banner{
  width:100% !important;
  max-width:none !important;
}

/* Builder gets a subtle lavender surface instead of a nearly-white island. */
.zz-page .zz-personal-builder{
  background:
    radial-gradient(circle at 92% 4%,rgba(181,121,190,.13),transparent 28%),
    radial-gradient(circle at 8% 92%,rgba(220,190,219,.17),transparent 31%),
    linear-gradient(145deg,rgba(244,236,246,.98),rgba(237,226,240,.95)) !important;
  border:1px solid rgba(118,63,125,.10) !important;
  box-shadow:0 24px 64px rgba(72,35,77,.08) !important;
}

/* Order flow: readable grey typography + elegant lilac cards + antique-gold details. */
.zz-page .zz-order-flow{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 30px !important;
  padding:14px !important;
  border:1px solid rgba(121,72,127,.10) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.38) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.68),0 12px 30px rgba(75,39,80,.045) !important;
}
.zz-page .zz-order-flow__step{
  min-height:66px !important;
  padding:11px 14px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:11px !important;
  align-items:center !important;
  border:1px solid rgba(120,68,127,.08) !important;
  border-radius:17px !important;
  background:linear-gradient(145deg,rgba(250,247,251,.90),rgba(238,227,241,.78)) !important;
  color:#5e5362 !important;
}
.zz-page .zz-order-flow__step>b{
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  color:#6d376f !important;
  background:linear-gradient(145deg,#f7e9c9,#dfbd7b) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.75),0 7px 18px rgba(111,77,30,.10) !important;
}
.zz-page .zz-order-flow__step span,
.zz-page .zz-order-flow__step strong{
  color:#5c515f !important;
}
.zz-page .zz-order-flow__step small{
  display:block !important;
  margin-bottom:3px !important;
  color:#9b7a45 !important;
  font-weight:850 !important;
  letter-spacing:.13em !important;
}
.zz-page .zz-order-flow>i{
  color:#b79a68 !important;
  opacity:.66 !important;
  font-style:normal !important;
}
.zz-page .zz-order-flow__step.is-active{
  border-color:rgba(128,61,137,.16) !important;
  background:linear-gradient(145deg,rgba(238,220,241,.96),rgba(229,210,234,.88)) !important;
  box-shadow:0 9px 22px rgba(87,45,92,.07) !important;
}

/* Light-lilac content blocks in the personalization area. */
.zz-page .zz-builder-head,
.zz-page .zz-engraving-target-shell,
.zz-page .zz-config-main-card,
.zz-page .zz-live-config-panel,
.zz-page .zz-product-choice{
  color:#554a58 !important;
}
.zz-page .zz-builder-head{
  margin-bottom:24px !important;
}
.zz-page .zz-engraving-target-shell{
  margin-bottom:26px !important;
  padding:12px !important;
  border:1px solid rgba(119,62,127,.09) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.34) !important;
}
.zz-page .zz-target-card:not(.is-active){
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(242,233,244,.88)) !important;
  border-color:rgba(119,62,127,.08) !important;
}
.zz-page .zz-config-main-card .zz-builder-card,
.zz-page .zz-live-config-panel>.zz-builder-card,
.zz-page .zz-builder-summary,
.zz-page .zz-product-choice{
  border:1px solid rgba(119,62,127,.08) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(241,231,243,.58)) !important;
  box-shadow:0 14px 34px rgba(78,38,83,.045) !important;
}
.zz-page .zz-config-main-card .zz-builder-card{
  padding:24px !important;
  border-radius:24px !important;
}
.zz-page .zz-builder-summary{
  padding:22px !important;
  border-radius:22px !important;
}
.zz-page .zz-product-choice{
  margin-top:28px !important;
  padding:28px !important;
  border-radius:24px !important;
}

/* Keep decorative snow subtle and away from headings. */
.zz-page .zz-builder-card::after{
  right:22px !important;
  top:22px !important;
  font-size:70px !important;
  color:rgba(126,49,137,.045) !important;
  opacity:.8 !important;
}

@media(max-width:900px){
  .zz-page .zz-hub-nav-wrap{padding:28px 18px 18px !important;}
  .zz-page .zz-tool-panel,
  .zz-page .zz-personal-section,
  .zz-page .zz-explorer-section,
  .zz-page .finder{padding-top:20px !important;}
  .zz-page .finder>.container,
  .zz-page .zz-explorer-section>.container,
  .zz-page .zz-personal-section>.container{
    width:calc(100% - 32px) !important;
  }
}

@media(max-width:700px){
  .zz-page .zz-hub-nav-wrap{padding:22px 14px 16px !important;}
  .zz-page .zz-hub-nav-wrap::before{
    margin-bottom:11px !important;
    font-size:8px !important;
    letter-spacing:.16em !important;
  }
  .zz-page #zz-xmas-nav .zz-hub-nav{width:100% !important;}
  .zz-page .zz-tool-panel,
  .zz-page .zz-personal-section,
  .zz-page .zz-explorer-section,
  .zz-page .finder{padding-top:16px !important;padding-bottom:58px !important;}
  .zz-page .finder>.container,
  .zz-page .zz-explorer-section>.container,
  .zz-page .zz-personal-section>.container{
    width:calc(100% - 24px) !important;
  }
  .zz-page .finder .section-head{margin-bottom:20px !important;}

  .zz-page .zz-order-flow{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:10px !important;
  }
  .zz-page .zz-order-flow>i{display:none !important;}
  .zz-page .zz-order-flow__step{
    min-height:58px !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    padding:9px 11px !important;
  }
  .zz-page .zz-order-flow__step>b{width:34px !important;height:34px !important;}
  .zz-page .zz-config-main-card .zz-builder-card{padding:18px !important;}
  .zz-page .zz-product-choice{padding:20px !important;}
}

/* =========================================================
   V18 — PERSONALISIERUNG: FREE LAYOUT + DEEP PURPLE CARDS
   ========================================================= */

/* Remove the extra outer personalization wrapper completely. */
.zz-page .zz-personal-builder{
  width:100% !important;
  max-width:none !important;
  margin:24px 0 0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.zz-page .zz-personal-builder::before,
.zz-page .zz-personal-builder::after{
  content:none !important;
  display:none !important;
}

/* Center the 3-step order flow instead of letting it drift to the right. */
.zz-page .zz-order-flow{
  width:min(1180px,100%) !important;
  max-width:1180px !important;
  margin:0 auto 28px !important;
  box-sizing:border-box !important;
}

/* Main builder grid: free-standing cards, same language as Astro Explorer. */
.zz-page .zz-builder-grid{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  align-items:start !important;
}

/* Shared deep-purple premium surface. */
.zz-page .zz-config-main-card .zz-builder-card,
.zz-page .zz-live-config-panel,
.zz-page .zz-builder-summary,
.zz-page .zz-product-choice{
  position:relative !important;
  color:#f7f1f8 !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 8% 0,rgba(188,100,198,.17),transparent 32%),
    radial-gradient(circle at 94% 12%,rgba(147,76,158,.13),transparent 28%),
    linear-gradient(145deg,#43284d 0%,#301e38 55%,#24192b 100%) !important;
  box-shadow:0 22px 58px rgba(42,22,48,.16) !important;
}

.zz-page .zz-config-main-card .zz-builder-card{
  padding:28px !important;
  border-radius:28px !important;
}
.zz-page .zz-live-config-panel{
  padding:24px !important;
  border-radius:28px !important;
  gap:18px !important;
}
.zz-page .zz-builder-summary{
  padding:24px !important;
  border-radius:26px !important;
}
.zz-page .zz-product-choice{
  margin-top:28px !important;
  padding:30px !important;
  border-radius:28px !important;
}

/* Headings and labels on the dark cards. */
.zz-page .zz-config-main-card h4,
.zz-page .zz-live-config-panel strong,
.zz-page .zz-builder-summary h4,
.zz-page .zz-product-choice h3,
.zz-page .zz-product-choice h4,
.zz-page .zz-config-main-card .zz-card-step strong,
.zz-page .zz-builder-summary .zz-card-step strong{
  color:#fffafc !important;
}
.zz-page .zz-config-main-card .zz-card-step,
.zz-page .zz-builder-summary .zz-card-step,
.zz-page .zz-live-config-panel .micro-label,
.zz-page .zz-product-choice .micro-label,
.zz-page .zz-config-main-card .micro-label{
  color:#d8b77a !important;
}
.zz-page .zz-card-step>span{
  color:#3c2344 !important;
  background:linear-gradient(145deg,#f5dfaa,#d5ae61) !important;
  box-shadow:0 8px 20px rgba(215,174,97,.16) !important;
}

/* Supporting copy: soft warm grey instead of white. */
.zz-page .zz-config-main-card p,
.zz-page .zz-live-config-panel p,
.zz-page .zz-builder-summary p,
.zz-page .zz-product-choice p,
.zz-page .zz-product-choice__note,
.zz-page .zz-builder-summary .zz-order-disclaimer,
.zz-page .zz-target-preview>p{
  color:rgba(244,236,245,.68) !important;
}

/* Configuration summary rows: inset glass tiles. */
.zz-page .zz-summary-item{
  border-color:rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.055) !important;
}
.zz-page .zz-summary-item span{
  color:#c8a668 !important;
}
.zz-page .zz-summary-item strong{
  color:#fff !important;
}
.zz-page .zz-confirm-status,
.zz-page .zz-confirmed-targets{
  color:rgba(248,241,249,.78) !important;
}

/* Keep motif selector cards light so the dark parent feels premium, not heavy. */
.zz-page .zz-config-main-card .zz-engraving-option{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(243,234,245,.94)) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#504553 !important;
}
.zz-page .zz-config-main-card .zz-engraving-option strong{color:#4a3e4d !important;}
.zz-page .zz-config-main-card .zz-engraving-option small{color:#8b7f8e !important;}
.zz-page .zz-config-main-card .zz-engraving-option.is-active{
  color:#fff !important;
  background:linear-gradient(145deg,#7a3b88,#9b45aa) !important;
  box-shadow:0 16px 34px rgba(116,48,126,.26) !important;
}
.zz-page .zz-config-main-card .zz-engraving-option.is-active strong,
.zz-page .zz-config-main-card .zz-engraving-option.is-active small{color:#fff !important;}

/* Inputs stay bright and easy to use inside the dark configuration card. */
.zz-page .zz-config-main-card input,
.zz-page .zz-config-main-card select{
  background:rgba(255,255,255,.96) !important;
  color:#463a49 !important;
  border-color:rgba(255,255,255,.16) !important;
}
.zz-page .zz-config-main-card .zz-custom-row>label,
.zz-page .zz-flask-zodiac-note{
  color:rgba(245,236,246,.72) !important;
}

/* Live preview: keep the actual image clean inside the purple card. */
.zz-page .zz-photo-preview{
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 18px 42px rgba(18,10,21,.22) !important;
}
.zz-page .zz-preview-stage-head{
  color:#fff !important;
}
.zz-page .zz-preview-pager button{
  border-color:rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
}
.zz-page .zz-preview-pager span{color:rgba(255,255,255,.66) !important;}

/* Product choice: white product tiles over the deep-purple section. */
.zz-page .zz-product-category-tabs{
  border-color:rgba(255,255,255,.09) !important;
  background:rgba(255,255,255,.055) !important;
}
.zz-page .zz-product-category-tabs button{
  color:rgba(255,255,255,.70) !important;
}
.zz-page .zz-product-category-tabs button.is-active{
  color:#3c2142 !important;
  background:linear-gradient(145deg,#f3dfad,#d9b566) !important;
}
.zz-page .zz-product-lock{
  color:#d9bb82 !important;
  border-color:rgba(217,187,130,.20) !important;
  background:rgba(217,187,130,.08) !important;
}

@media(max-width:900px){
  .zz-page .zz-personal-builder{margin-top:18px !important;}
  .zz-page .zz-order-flow{margin-bottom:22px !important;}
  .zz-page .zz-config-main-card .zz-builder-card,
  .zz-page .zz-live-config-panel,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice{
    border-radius:23px !important;
  }
}

@media(max-width:700px){
  .zz-page .zz-order-flow{
    width:100% !important;
    margin:0 auto 20px !important;
  }
  .zz-page .zz-config-main-card .zz-builder-card,
  .zz-page .zz-live-config-panel,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice{
    padding:20px 17px !important;
  }
  .zz-page .zz-product-choice{margin-top:22px !important;}
}

/* =========================================================
   v19 — Compact product cards + integrated slider arrows
   ========================================================= */

@media (min-width:901px){
  .zz-page .zz-engraving-product-track{
    grid-auto-columns:minmax(210px,22.5%) !important;
    gap:12px !important;
    padding:4px 2px 8px !important;
  }

  .zz-page .zz-engraving-product-card{
    border-radius:18px !important;
    box-shadow:0 9px 24px rgba(24,11,28,.12) !important;
  }

  .zz-page .zz-engraving-product-media{
    aspect-ratio:auto !important;
    height:190px !important;
  }

  .zz-page .zz-engraving-product-media img{
    object-fit:contain !important;
    padding:8px !important;
  }

  .zz-page .zz-engraving-product-copy{
    padding:13px 14px 14px !important;
  }

  .zz-page .zz-engraving-product-copy h4{
    min-height:34px !important;
    margin:0 !important;
    font-size:15px !important;
    line-height:1.16 !important;
  }

  .zz-page .zz-engraving-product-price{
    margin:7px 0 9px !important;
    font-size:14px !important;
  }

  .zz-page .zz-product-cart,
  .zz-page .zz-product-link,
  .zz-page .zz-product-select{
    min-height:40px !important;
    padding:0 11px !important;
    border-radius:11px !important;
    font-size:10px !important;
  }

  .zz-page .zz-product-cart{
    margin-top:8px !important;
  }

  .zz-page .zz-product-link{
    margin-top:8px !important;
  }

  .zz-page .zz-product-colors{
    margin:7px 0 0 !important;
  }

  .zz-page .zz-engraving-product-badge{
    left:9px !important;
    top:9px !important;
    padding:5px 7px !important;
    font-size:7px !important;
  }

  /* Integrated edge arrows — like subtle slider handles */
  .zz-page .zz-product-slider-arrow{
    top:50% !important;
    width:34px !important;
    height:76px !important;
    transform:translateY(-50%) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    border-radius:15px !important;
    color:rgba(255,255,255,.82) !important;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055)) !important;
    box-shadow:0 10px 24px rgba(15,6,19,.16),inset 0 1px rgba(255,255,255,.08) !important;
    backdrop-filter:blur(12px) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    font-size:22px !important;
    transition:background .2s ease,color .2s ease,transform .2s ease !important;
  }

  .zz-page .zz-product-slider-arrow:hover{
    color:#fff !important;
    background:linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,.09)) !important;
  }

  .zz-page .zz-product-slider-arrow--prev{
    left:6px !important;
  }

  .zz-page .zz-product-slider-arrow--next{
    right:6px !important;
  }
}

/* =========================================================
   v20 — Zodiac PNG artwork picker + pendant engraving preview
   ========================================================= */
.zz-page .zz-symbol-picker--artwork{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:10px !important;
}
.zz-page .zz-symbol-picker--artwork .zz-symbol-button{
  height:auto !important;
  min-height:112px !important;
  padding:9px 7px 10px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border-radius:17px !important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,238,247,.94)) !important;
  border:1px solid rgba(120,44,131,.10) !important;
  box-shadow:0 9px 22px rgba(71,24,79,.06) !important;
}
.zz-page .zz-symbol-picker--artwork .zz-symbol-button::after{display:none !important}
.zz-page .zz-symbol-picker--artwork .zz-symbol-button:hover,
.zz-page .zz-symbol-picker--artwork .zz-symbol-button.is-active{
  transform:translateY(-2px) !important;
  background:linear-gradient(145deg,#7b2b87,#963aa2 60%,#61216d) !important;
  border-color:rgba(214,181,121,.46) !important;
  box-shadow:0 15px 32px rgba(87,24,96,.20) !important;
}
.zz-page .zz-symbol-art{
  position:relative;
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  flex:0 0 72px;
}
.zz-page .zz-symbol-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  opacity:.92;
  transition:transform .22s ease,filter .22s ease,opacity .22s ease;
}
.zz-page .zz-symbol-button:hover .zz-symbol-art img,
.zz-page .zz-symbol-button.is-active .zz-symbol-art img{
  transform:scale(1.035);
  filter:brightness(1.14) saturate(.84);
  opacity:1;
}
.zz-page .zz-symbol-art i{
  display:none;
  position:absolute;
  inset:0;
  place-items:center;
  font-style:normal;
  font-size:30px;
  color:#7c2d87;
}
.zz-page .zz-symbol-art img.is-missing{display:none}
.zz-page .zz-symbol-name{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#534856;
  font-family:var(--body-font);
  font-size:9px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:.02em;
}
.zz-page .zz-symbol-button:hover .zz-symbol-name,
.zz-page .zz-symbol-button.is-active .zz-symbol-name{color:#fff}

/* The round PNG is laid over the actual pendant back as a light laser engraving. */
.zz-page .zz-photo-preview--anhanger{position:relative;overflow:hidden}
.zz-page .zz-pendant-zodiac-preview{
  position:absolute;
  z-index:4;
  left:50%;
  top:52%;
  width:48%;
  height:48%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  pointer-events:none;
  opacity:.76;
  filter:grayscale(1) brightness(.78) contrast(1.38) sepia(.18);
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(circle,#000 68%,rgba(0,0,0,.96) 74%,transparent 88%);
  mask-image:radial-gradient(circle,#000 68%,rgba(0,0,0,.96) 74%,transparent 88%);
}
.zz-page .zz-pendant-zodiac-preview[hidden]{display:none !important}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  content:"";
  position:absolute;
  z-index:3;
  left:50%;top:52%;
  width:46%;height:46%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,.09),transparent 65%);
  mix-blend-mode:screen;
}

@media(max-width:980px){
  .zz-page .zz-symbol-picker--artwork{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:700px){
  .zz-page .zz-symbol-picker--artwork{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
  .zz-page .zz-symbol-picker--artwork .zz-symbol-button{min-height:100px !important;padding:8px 5px !important}
  .zz-page .zz-symbol-art{width:62px;height:62px;flex-basis:62px}
  .zz-page .zz-symbol-name{font-size:8px}
  .zz-page .zz-pendant-zodiac-preview{width:46%;height:46%;top:52%}
}


/* v21 — Anhänger Zodiac preview: PNG only, stronger engraved contrast */
.zz-page.zz-has-pendant-zodiac #zz-engraving-preview,
.zz-page.zz-has-bottle-zodiac #zz-engraving-preview{
  opacity:0 !important;
  visibility:hidden !important;
}
.zz-page.zz-has-pendant-zodiac #zz-engraving-preview::before,
.zz-page.zz-has-pendant-zodiac #zz-engraving-preview::after,
.zz-page.zz-has-bottle-zodiac #zz-engraving-preview::before,
.zz-page.zz-has-bottle-zodiac #zz-engraving-preview::after{
  content:none !important;
}
.zz-page .zz-pendant-zodiac-preview{
  opacity:.76 !important;
  filter:grayscale(1) brightness(.78) contrast(1.38) sepia(.18) !important;
  mix-blend-mode:multiply !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  background:radial-gradient(circle,rgba(255,255,255,.035),transparent 68%) !important;
  mix-blend-mode:normal !important;
}

/* =========================================================
   v22 — Per-target preview tuning
   ========================================================= */

/* The temporary bottle helper should not occupy space under the zodiac picker. */
.zz-page .zz-flask-zodiac-note{
  display:none !important;
}

/* ANHÄNGER: enlarge the source photo so the pendant fills the preview stage better. */
.zz-page .zz-photo-preview--anhanger > img:first-child{
  transform:scale(1.28) !important;
  transform-origin:50% 53% !important;
}

/* Keep the engraved artwork clearly inside the pendant rim. */
.zz-page .zz-pendant-zodiac-preview{
  left:50% !important;
  top:52.5% !important;
  width:32% !important;
  height:32% !important;
  opacity:.86 !important;
  filter:grayscale(1) brightness(.62) contrast(1.65) sepia(.22) !important;
  mix-blend-mode:multiply !important;
  -webkit-mask-image:radial-gradient(circle,#000 70%,rgba(0,0,0,.98) 78%,transparent 94%) !important;
  mask-image:radial-gradient(circle,#000 70%,rgba(0,0,0,.98) 78%,transparent 94%) !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:50% !important;
  top:52.5% !important;
  width:34% !important;
  height:34% !important;
  background:radial-gradient(circle,rgba(255,255,255,.055),transparent 68%) !important;
}

/* ARMBAND: the buckle has a much smaller real engraving area than the generic preview. */
.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview{
  min-width:0 !important;
  width:auto !important;
  max-width:31% !important;
  padding:3px 5px !important;
  font-size:clamp(28px,3.2vw,43px) !important;
  transform:translate(-50%,-50%) scaleY(.93) !important;
  letter-spacing:0 !important;
}
.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview.is-text{
  max-width:30% !important;
  font-size:clamp(11px,1.3vw,17px) !important;
  line-height:1.05 !important;
  white-space:normal !important;
}
.zz-page[data-engraving-target="verschluss"] .zz-engraving-zone--verschluss,
.zz-page[data-engraving-target="verschluss"] .zz-photo-preview--verschluss .zz-engraving-zone{
  width:30% !important;
  height:24% !important;
}

/* Bottle preview: keep the image clean; dedicated bottle artworks will be added later. */
.zz-page .zz-photo-preview--flasche .zz-preview-image-note{
  display:none !important;
}

@media(max-width:700px){
  .zz-page .zz-photo-preview--anhanger > img:first-child{
    transform:scale(1.22) !important;
  }
  .zz-page .zz-pendant-zodiac-preview{
    width:33% !important;
    height:33% !important;
    top:52.5% !important;
  }
  .zz-page[data-engraving-target="verschluss"] #zz-engraving-preview{
    max-width:30% !important;
    font-size:30px !important;
  }
}

/* =========================================================
   v23 — Pendant motif fit + desktop hero viewport tuning
   ========================================================= */

/* Anhänger: the uploaded Zodiac PNG includes its own circular artwork,
   so keep the complete motif safely inside the metal pendant rim. */
.zz-page .zz-pendant-zodiac-preview{
  width:24% !important;
  height:24% !important;
  top:52.5% !important;
  opacity:.92 !important;
  filter:grayscale(1) brightness(.50) contrast(1.85) sepia(.20) !important;
  mix-blend-mode:multiply !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  width:26% !important;
  height:26% !important;
}

/* Large desktop: keep the complete hero, including “Mehr entdecken”,
   inside the first viewport instead of forcing a full 100svh section. */
@media (min-width:1441px){
  .zz-page .hero{
    min-height:clamp(650px,88svh,790px) !important;
    padding-top:20px !important;
    padding-bottom:82px !important;
  }
  .zz-page .hero-grid{
    min-height:clamp(540px,74svh,660px) !important;
  }
  .zz-page .zz-xmas-scroll{
    bottom:18px !important;
  }
}

/* Shorter desktop/laptop windows: reserve less vertical space while
   keeping the scroll cue visible without requiring an initial scroll. */
@media (min-width:1051px) and (max-height:900px){
  .zz-page .hero{
    min-height:calc(100svh - 44px) !important;
    padding-top:18px !important;
    padding-bottom:78px !important;
  }
  .zz-page .hero-grid{
    min-height:calc(100svh - 140px) !important;
  }
  .zz-page .zz-xmas-scroll{
    bottom:14px !important;
  }
}

@media(max-width:700px){
  .zz-page .zz-pendant-zodiac-preview{
    width:25% !important;
    height:25% !important;
    top:52.5% !important;
  }
}

/* =========================================================
   v24 — True fullscreen desktop hero + smaller pendant motif
   ========================================================= */

/* Anhänger: another ~30% reduction from v23. The uploaded PNG contains
   decorative artwork around the glyph, so the full asset must stay well
   inside the physical pendant rim. */
.zz-page .zz-pendant-zodiac-preview{
  width:16.8% !important;
  height:16.8% !important;
  top:52.5% !important;
  opacity:.94 !important;
  filter:grayscale(1) brightness(.46) contrast(2.0) sepia(.18) !important;
  mix-blend-mode:multiply !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  width:18.5% !important;
  height:18.5% !important;
}

/* Desktop hero = exactly one viewport. The scroll cue stays inside the
   viewport instead of increasing the section height. */
@media (min-width:1051px){
  .zz-page .hero{
    position:relative !important;
    height:100svh !important;
    min-height:100svh !important;
    max-height:100svh !important;
    box-sizing:border-box !important;
    padding-top:20px !important;
    padding-bottom:88px !important;
    overflow:hidden !important;
  }
  .zz-page .hero-grid{
    height:calc(100svh - 108px) !important;
    min-height:0 !important;
    max-height:calc(100svh - 108px) !important;
    align-items:center !important;
  }
  .zz-page .zz-xmas-scroll{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:18px !important;
    transform:translateX(-50%) !important;
    z-index:20 !important;
    margin:0 !important;
  }
}

/* Keep compact desktop heights inside the same one-screen hero. */
@media (min-width:1051px) and (max-height:800px){
  .zz-page .hero{
    padding-top:12px !important;
    padding-bottom:72px !important;
  }
  .zz-page .hero-grid{
    height:calc(100svh - 84px) !important;
    max-height:calc(100svh - 84px) !important;
  }
  .zz-page .zz-xmas-scroll{bottom:12px !important;}
}

@media(max-width:700px){
  .zz-page .zz-pendant-zodiac-preview{
    width:17.5% !important;
    height:17.5% !important;
    top:52.5% !important;
  }
}

/* =========================================================
   v25 — Pendant motif final size + deep-purple Zodiac intro
   ========================================================= */

/* The uploaded zodiac PNG contains its own decorative outer circle.
   Keep the ENTIRE artwork clearly inside the pendant's engravable face. */
.zz-page .zz-pendant-zodiac-preview{
  width:10.5% !important;
  height:10.5% !important;
  top:52.5% !important;
  opacity:.96 !important;
  filter:grayscale(1) brightness(.40) contrast(2.25) sepia(.20) !important;
  mix-blend-mode:multiply !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  width:12% !important;
  height:12% !important;
}

/* Sternzeichen intro: same premium deep-purple language as the engraving cards. */
.zz-page .finder .section-head{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 82% 18%,rgba(171,79,180,.18),transparent 30%),
    radial-gradient(circle at 12% 100%,rgba(217,185,120,.07),transparent 34%),
    linear-gradient(145deg,#402749 0%,#2d1d35 58%,#24182b 100%) !important;
  box-shadow:0 24px 58px rgba(50,25,55,.16) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.zz-page .finder .section-head .kicker{
  color:#d6b873 !important;
}
.zz-page .finder .section-head h2{
  color:#fff !important;
}
.zz-page .finder .section-head p{
  color:rgba(255,255,255,.66) !important;
}
.zz-page .finder .section-head p::after{
  color:rgba(219,188,126,.68) !important;
}
.zz-page .finder .section-head::before{
  opacity:.18 !important;
  filter:grayscale(1) brightness(1.8) sepia(.24) !important;
  mix-blend-mode:screen;
}
.zz-page .finder .section-head::after{
  opacity:.24 !important;
  filter:grayscale(1) brightness(1.75) sepia(.22) !important;
  mix-blend-mode:screen;
}

@media(max-width:700px){
  .zz-page .zz-pendant-zodiac-preview{
    width:11% !important;
    height:11% !important;
    top:52.5% !important;
  }
  .zz-page .finder .section-head{
    background:
      radial-gradient(circle at 86% 10%,rgba(171,79,180,.16),transparent 34%),
      linear-gradient(155deg,#402749,#291b31 68%,#211628) !important;
  }
}


/* v26 — Sternzeichen hero card: make side Christmas assets visible on dark background */
.zz-sign-intro-card::before,
.zz-zodiac-intro-card::before,
.zz-signs-intro::before {
  opacity: .34 !important;
  filter: brightness(0) invert(1) sepia(.12) saturate(.55) !important;
  mix-blend-mode: screen !important;
}

.zz-sign-intro-card::after,
.zz-zodiac-intro-card::after,
.zz-signs-intro::after {
  opacity: .46 !important;
  filter: sepia(.72) saturate(.78) brightness(1.52) contrast(.94) !important;
  mix-blend-mode: screen !important;
}

/* If the assets are real img elements instead of pseudo-elements */
.zz-sign-intro-card img[src*="asset_xmas"],
.zz-zodiac-intro-card img[src*="asset_xmas"],
.zz-signs-intro img[src*="asset_xmas"] {
  opacity: .42 !important;
  filter: sepia(.5) saturate(.72) brightness(1.45) contrast(.95) !important;
  mix-blend-mode: screen !important;
}

@media (max-width: 767px) {
  .zz-sign-intro-card::before,
  .zz-zodiac-intro-card::before,
  .zz-signs-intro::before { opacity: .22 !important; }
  .zz-sign-intro-card::after,
  .zz-zodiac-intro-card::after,
  .zz-signs-intro::after { opacity: .30 !important; }
  .zz-sign-intro-card img[src*="asset_xmas"],
  .zz-zodiac-intro-card img[src*="asset_xmas"],
  .zz-signs-intro img[src*="asset_xmas"] { opacity: .28 !important; }
}


/* =========================================================
   v27 — mobile hero centering + bracelet simple artwork + clasp preview
   ========================================================= */

/* Mobile hero: keep the zodiac orb truly centered. */
@media (max-width:700px){
  .zz-page .hero-grid > .astro-wrap{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    justify-self:center !important;
    margin:0 auto !important;
  }
  .zz-page .astro-scene,
  .zz-page .astro-clock{
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .zz-page .astro-scene{
    width:min(100%,360px) !important;
    display:grid !important;
    place-items:center !important;
  }
  .zz-page .zodiac-feature,
  .zz-page .zodiac-symbol-stack{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }
}

/* Shared zodiac picker: optimized for PNG motifs with text labels below. */
.zz-page .zz-symbol-picker--artwork .zz-symbol-button{
  min-height:118px !important;
}
.zz-page .zz-symbol-button.is-bracelet-artwork .zz-symbol-art{
  width:58px;
  height:58px;
  flex-basis:58px;
}
.zz-page .zz-symbol-button.is-pendant-artwork .zz-symbol-art{
  width:72px;
  height:72px;
  flex-basis:72px;
}
.zz-page .zz-symbol-button.is-bracelet-artwork .zz-symbol-art img{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.42)) brightness(.98) contrast(1.06);
}
.zz-page .zz-symbol-button.is-active.is-bracelet-artwork .zz-symbol-art img,
.zz-page .zz-symbol-button:hover.is-bracelet-artwork .zz-symbol-art img{
  filter:brightness(1.18) contrast(1.02) saturate(.88) drop-shadow(0 1px 0 rgba(255,255,255,.18));
}

/* Bracelet live preview: show the simple zodiac motif as an engraved overlay on the clasp. */
.zz-page .zz-photo-preview--verschluss{
  position:relative;
  overflow:hidden;
}
.zz-page .zz-bracelet-zodiac-preview{
  position:absolute;
  z-index:5;
  left:49.9%;
  top:49.3%;
  width:13.5%;
  height:13.5%;
  transform:translate(-50%,-50%);
  object-fit:contain;
  pointer-events:none;
  opacity:.96;
  filter:grayscale(1) brightness(.18) contrast(2.45) sepia(.15);
  mix-blend-mode:multiply;
}
.zz-page .zz-bracelet-zodiac-preview[hidden]{display:none !important;}
.zz-page.zz-has-bracelet-zodiac #zz-engraving-preview,
.zz-page.zz-has-bracelet-zodiac #zz-engraving-preview::before,
.zz-page.zz-has-bracelet-zodiac #zz-engraving-preview::after{
  opacity:0 !important;
  visibility:hidden !important;
  content:none !important;
}
.zz-page[data-engraving-target="verschluss"] .zz-photo-preview--verschluss .zz-engraving-zone{
  left:49.9% !important;
  top:49.3% !important;
  width:15.5% !important;
  height:15.5% !important;
  border-radius:8px !important;
}

@media (max-width:700px){
  .zz-page .zz-symbol-picker--artwork .zz-symbol-button{
    min-height:104px !important;
  }
  .zz-page .zz-symbol-button.is-bracelet-artwork .zz-symbol-art{
    width:50px;
    height:50px;
    flex-basis:50px;
  }
  .zz-page .zz-bracelet-zodiac-preview{
    width:16%;
    height:16%;
    top:49.2%;
  }
  .zz-page[data-engraving-target="verschluss"] .zz-photo-preview--verschluss .zz-engraving-zone{
    width:18% !important;
    height:18% !important;
  }
}

/* =========================================================
   v27 FINAL — hard mobile astro centering
   ========================================================= */
@media (max-width:700px){
  .zz-page .hero-grid > .astro-wrap{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:320px !important;
    padding:0 !important;
    margin:0 !important;
    display:grid !important;
    place-items:center !important;
    justify-self:stretch !important;
    align-self:center !important;
    position:relative !important;
    left:0 !important;
    right:auto !important;
    translate:none !important;
    transform:none !important;
    overflow:visible !important;
  }
  .zz-page .hero .astro-scene{
    box-sizing:border-box !important;
    width:min(86vw,350px) !important;
    max-width:350px !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    position:relative !important;
    left:0 !important;
    right:auto !important;
    translate:none !important;
    transform:none !important;
    transform-origin:center center !important;
    justify-self:center !important;
  }
  .zz-page .hero .astro-clock{
    width:min(82vw,334px) !important;
    max-width:334px !important;
    margin:0 auto !important;
    position:relative !important;
    left:0 !important;
    right:auto !important;
    translate:none !important;
    transform:none !important;
  }
  .zz-page .hero .astro-canvas,
  .zz-page .hero .constellation-map{
    left:50% !important;
    transform:translateX(-50%) !important;
  }
}


/* =========================================================
   v28 — Bottle Zodiac artwork set + Unicode picker
   ========================================================= */

/* Flasche: in the selector use only the classic Zodiac glyph + German name. */
.zz-page .zz-symbol-button.is-bottle-artwork .zz-symbol-art{
  width:58px !important;
  height:58px !important;
  flex-basis:58px !important;
  border-radius:18px;
  background:linear-gradient(145deg,#fffaf2,#ead7b5);
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 8px 20px rgba(80,47,20,.09);
}
.zz-page .zz-symbol-button.is-bottle-artwork .zz-symbol-art img{
  display:none !important;
}
.zz-page .zz-symbol-button.is-bottle-artwork .zz-symbol-art i{
  display:grid !important;
  position:absolute !important;
  inset:0 !important;
  place-items:center !important;
  color:#6f2879 !important;
  font-family:var(--title-font) !important;
  font-style:normal !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:650 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.zz-page .zz-symbol-button.is-active.is-bottle-artwork .zz-symbol-art,
.zz-page .zz-symbol-button:hover.is-bottle-artwork .zz-symbol-art{
  background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08));
  border:1px solid rgba(226,194,135,.38);
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 9px 24px rgba(31,7,37,.18);
}
.zz-page .zz-symbol-button.is-active.is-bottle-artwork .zz-symbol-art i,
.zz-page .zz-symbol-button:hover.is-bottle-artwork .zz-symbol-art i{
  color:#fff5e5 !important;
  text-shadow:0 1px 10px rgba(229,194,131,.18);
}

/* Make the bottle itself larger without cropping it. */
.zz-page .zz-photo-preview--flasche > img:first-child{
  object-fit:contain !important;
  object-position:center 54% !important;
  transform:scale(1.18) !important;
  transform-origin:50% 55% !important;
  filter:saturate(.84) contrast(1.045) !important;
}

/* Bottle-only PNG: placed on the main body, deliberately below the neck. */
.zz-page .zz-zodiac-artwork-preview{
  position:absolute !important;
  inset:auto !important;
  z-index:5 !important;
  left:50% !important;
  top:61.5% !important;
  width:25% !important;
  height:30% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  pointer-events:none !important;
  opacity:.90 !important;
  filter:grayscale(1) brightness(.28) contrast(2.25) sepia(.16) !important;
  mix-blend-mode:multiply !important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 66%,rgba(0,0,0,.97) 82%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 66%,rgba(0,0,0,.97) 82%,transparent 100%);
}
.zz-page .zz-zodiac-artwork-preview[hidden]{display:none !important;}
.zz-page.zz-has-bottle-zodiac #zz-engraving-preview,
.zz-page.zz-has-bottle-zodiac #zz-engraving-preview::before,
.zz-page.zz-has-bottle-zodiac #zz-engraving-preview::after{
  opacity:0 !important;
  visibility:hidden !important;
  content:none !important;
}
.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  left:50% !important;
  top:61.5% !important;
  width:27% !important;
  height:31% !important;
  border-radius:18px !important;
}

@media(max-width:700px){
  .zz-page .zz-symbol-button.is-bottle-artwork .zz-symbol-art{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }
  .zz-page .zz-symbol-button.is-bottle-artwork .zz-symbol-art i{
    font-size:27px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.14) !important;
    object-position:center 55% !important;
  }
  .zz-page .zz-zodiac-artwork-preview{
    top:62% !important;
    width:28% !important;
    height:31% !important;
  }
}


/* =========================================================
   v29 — Preview proportions + engraved finishes + static hero
   ========================================================= */

/* HERO: never let older pointer variables visually move/rotate the orb. */
.zz-page .hero .astro-scene,
.zz-page .hero .astro-clock,
.zz-page .hero .zodiac-feature,
.zz-page .hero .zodiac-symbol-stack{
  --rx:0deg !important;
  --ry:0deg !important;
  --mx:0px !important;
  --my:0px !important;
  --icon-x:0px !important;
  --icon-y:0px !important;
  --icon-rx:0deg !important;
  --icon-ry:0deg !important;
}

/* 1) ARMBAND / VERSCHLUSS
   Smaller than v28 and no longer a flat black sticker.
   The grey multiply + tiny opposing highlights imitate a laser mark
   on brushed metal while retaining enough contrast. */
.zz-page .zz-bracelet-zodiac-preview{
  left:49.9% !important;
  top:49.4% !important;
  width:8.6% !important;
  height:8.6% !important;
  opacity:.68 !important;
  mix-blend-mode:multiply !important;
  filter:
    grayscale(1)
    brightness(.72)
    contrast(1.62)
    drop-shadow(0 -1px 0 rgba(255,255,255,.45))
    drop-shadow(0 1px 0 rgba(50,50,52,.22)) !important;
}
.zz-page[data-engraving-target="verschluss"] .zz-photo-preview--verschluss .zz-engraving-zone{
  width:10.5% !important;
  height:10.5% !important;
}

/* 2) ANHÄNGER
   The artwork PNG contains a decorative outer ring, so keep it
   substantially smaller than before to stay inside the real pendant face. */
.zz-page .zz-pendant-zodiac-preview{
  width:7.2% !important;
  height:7.2% !important;
  top:52.5% !important;
  opacity:.90 !important;
  filter:grayscale(1) brightness(.48) contrast(2.05) sepia(.12) !important;
  mix-blend-mode:multiply !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  width:8.8% !important;
  height:8.8% !important;
}

/* 3) FLASCHE
   Give the selected bottle preview more vertical room and enlarge the
   bottle itself. Artwork sits ~50px lower than v28, entirely on the body. */
.zz-page [data-preview-target="flasche"] .zz-photo-preview--flasche{
  min-height:520px !important;
}
.zz-page .zz-photo-preview--flasche > img:first-child{
  object-fit:contain !important;
  object-position:center 53% !important;
  transform:scale(1.31) !important;
  transform-origin:50% 55% !important;
}

/* Bottle engraving: warm silver/white, thicker and high-contrast,
   but deliberately not black. Multiple tiny drop-shadows visually
   strengthen the strokes of the transparent PNG. */
.zz-page .zz-zodiac-artwork-preview{
  left:50% !important;
  top:calc(61.5% + 50px) !important;
  width:24% !important;
  height:29% !important;
  opacity:.88 !important;
  object-fit:contain !important;
  mix-blend-mode:screen !important;
  filter:
    grayscale(1)
    brightness(1.48)
    contrast(1.55)
    drop-shadow(1px 0 0 rgba(225,225,228,.58))
    drop-shadow(-1px 0 0 rgba(225,225,228,.58))
    drop-shadow(0 1px 0 rgba(225,225,228,.58))
    drop-shadow(0 -1px 0 rgba(225,225,228,.58))
    drop-shadow(0 0 2px rgba(70,65,76,.32)) !important;
}
.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  top:calc(61.5% + 50px) !important;
  width:26% !important;
  height:30% !important;
}

/* Keep the full preview card pleasant when the taller bottle slide is active. */
.zz-page .zz-preview-carousel{
  align-items:stretch;
}
.zz-page [data-preview-target="flasche"]{
  min-height:100%;
}

@media(max-width:700px){
  .zz-page .zz-bracelet-zodiac-preview{
    width:10.2% !important;
    height:10.2% !important;
  }
  .zz-page .zz-pendant-zodiac-preview{
    width:8.2% !important;
    height:8.2% !important;
  }
  .zz-page [data-preview-target="flasche"] .zz-photo-preview--flasche{
    min-height:390px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.24) !important;
    object-position:center 54% !important;
  }
  .zz-page .zz-zodiac-artwork-preview{
    top:calc(62% + 34px) !important;
    width:27% !important;
    height:29% !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
    top:calc(62% + 34px) !important;
  }
}
/* =========================================================
   v30 — ZISANO Zodiac configurator cleanup
   2026-08-12
   Only target-specific engraving / preview corrections.
   ========================================================= */

/* --- Preview card: remove the extra white outer wrapper.
   The existing purple .zz-live-config-panel remains untouched. --- */
.zz-page .zz-config-preview-card{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}

/* The horoscope-name pill below the image is no longer used. */
.zz-page .zz-preview-caption,
.zz-page #zz-preview-caption{
  display:none !important;
}

/* Textarea inherits the same visual language as the existing inputs. */
.zz-page .zz-config-main-card textarea[data-personal-input]{
  width:100%;
  min-height:52px;
  resize:vertical;
  padding:14px 15px;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:14px;
  outline:0;
  background:rgba(255,255,255,.96) !important;
  color:#463a49 !important;
  font:inherit;
  line-height:1.35;
}
.zz-page .zz-config-main-card textarea[data-personal-input]:focus{
  border-color:rgba(218,181,112,.72) !important;
  box-shadow:0 0 0 3px rgba(218,181,112,.10);
}
.zz-page .zz-input-hint{
  display:block;
  margin-top:7px;
  color:rgba(245,236,246,.58);
  font-size:9px;
  line-height:1.45;
}

/* Geburtsmond + Wort/Koordinate are hidden only for pendant and bottle. */
.zz-page[data-engraving-target="anhanger"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="anhanger"] [data-engraving-type="word"],
.zz-page[data-engraving-target="flasche"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="flasche"] [data-engraving-type="word"]{
  display:none !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-engraving-options--luxury,
.zz-page[data-engraving-target="flasche"] .zz-engraving-options--luxury{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

/* --- Pendant Zodiac artwork.
   Keep the COMPLETE artwork comfortably inside the physical pendant rim. --- */
.zz-page .zz-pendant-zodiac-preview{
  left:50% !important;
  top:52.3% !important;
  width:66% !important;
  height:66% !important;
  max-width:66% !important;
  max-height:66% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:.78 !important;
  mix-blend-mode:multiply !important;
  filter:
    grayscale(1)
    brightness(.62)
    contrast(1.72)
    sepia(.16) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:50% !important;
  top:52.3% !important;
  width:69% !important;
  height:69% !important;
  transform:translate(-50%,-50%) !important;
  background:radial-gradient(circle,rgba(255,255,255,.035),transparent 70%) !important;
}

/* Pendant text / monogram: up to 3 rows, 9 characters per row. */
.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:52.5% !important;
  width:30% !important;
  min-width:0 !important;
  max-width:30% !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  white-space:pre-line !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  font-size:clamp(12px,1.35vw,20px) !important;
  line-height:1.15 !important;
  letter-spacing:.055em !important;
  text-align:center !important;
  color:rgba(72,57,46,.78) !important;
  opacity:.88 !important;
  mix-blend-mode:multiply !important;
}
.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text::before,
.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text::after{
  content:none !important;
}

/* --- Bottle preview: desktop gets a genuinely larger/taller live preview. --- */
@media (min-width:1181px){
  .zz-page[data-engraving-target="flasche"] .zz-config-preview-card{
    align-self:start !important;
  }
  .zz-page [data-preview-target="flasche"] .zz-photo-preview--flasche{
    min-height:680px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    object-fit:contain !important;
    object-position:center 53% !important;
    transform:scale(1.48) !important;
    transform-origin:50% 55% !important;
  }
}

/* Bottle Zodiac PNGs are tall assets (e.g. *_bottle2.png).
   Give them vertical room and keep them entirely on the bottle BODY. */
.zz-page .zz-zodiac-artwork-preview{
  left:50% !important;
  top:63.5% !important;
  width:24% !important;
  height:47% !important;
  max-width:24% !important;
  max-height:47% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  opacity:.94 !important;
  mix-blend-mode:screen !important;
  filter:
    grayscale(1)
    brightness(1.75)
    contrast(1.48)
    drop-shadow(1px 0 0 rgba(238,238,242,.62))
    drop-shadow(-1px 0 0 rgba(238,238,242,.62))
    drop-shadow(0 1px 0 rgba(238,238,242,.62))
    drop-shadow(0 -1px 0 rgba(238,238,242,.62))
    drop-shadow(0 0 2px rgba(58,52,68,.35)) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}
.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  left:50% !important;
  top:63.5% !important;
  width:26% !important;
  height:49% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:18px !important;
}

/* Bottle text/date: 8 chars maximum, deliberately stacked vertically. */
.zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:63% !important;
  width:16% !important;
  min-width:0 !important;
  max-width:16% !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  white-space:pre-line !important;
  font-size:clamp(13px,1.25vw,19px) !important;
  font-weight:800 !important;
  line-height:.91 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
  color:rgba(240,240,244,.94) !important;
  opacity:.98 !important;
  mix-blend-mode:screen !important;
  filter:
    drop-shadow(1px 0 0 rgba(255,255,255,.34))
    drop-shadow(-1px 0 0 rgba(255,255,255,.34))
    drop-shadow(0 0 2px rgba(38,31,45,.46)) !important;
  text-shadow:none !important;
}
.zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text::before,
.zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text::after{
  content:none !important;
}

/* Bracelet monogram can now use 9 characters without changing the clasp design. */
.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview.is-text{
  max-width:31% !important;
  white-space:nowrap !important;
  font-size:clamp(10px,1.15vw,16px) !important;
  letter-spacing:.055em !important;
}

/* Tablet/mobile keep their current useful proportions, only target positions are corrected. */
@media (max-width:1180px){
  .zz-page .zz-pendant-zodiac-preview{
    width:64% !important;
    height:64% !important;
    max-width:64% !important;
    max-height:64% !important;
  }
  .zz-page [data-preview-target="flasche"] .zz-photo-preview--flasche{
    min-height:470px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.30) !important;
    object-position:center 54% !important;
  }
  .zz-page .zz-zodiac-artwork-preview{
    top:63% !important;
    width:25% !important;
    height:45% !important;
    max-width:25% !important;
    max-height:45% !important;
  }
}
@media (max-width:700px){
  .zz-page .zz-pendant-zodiac-preview{
    width:62% !important;
    height:62% !important;
    max-width:62% !important;
    max-height:62% !important;
  }
  .zz-page [data-preview-target="flasche"] .zz-photo-preview--flasche{
    min-height:410px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.24) !important;
  }
  .zz-page .zz-zodiac-artwork-preview{
    top:63% !important;
    width:27% !important;
    height:43% !important;
    max-width:27% !important;
    max-height:43% !important;
  }
  .zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text{
    width:32% !important;
    max-width:32% !important;
    font-size:12px !important;
  }
  .zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text{
    width:18% !important;
    max-width:18% !important;
    font-size:12px !important;
  }
}
/* =========================================================
   v31 — follow-up cleanup after live review
   ========================================================= */

/* 1) Pendant monogram gets three dedicated fields. */
.zz-page .zz-pendant-lines[hidden]{display:none !important;}
.zz-page .zz-pendant-line-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:10px;
}
.zz-page .zz-pendant-line-grid input{
  width:100%;
  min-height:50px;
  padding:13px 15px;
  border-radius:14px;
  outline:0;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.96) !important;
  color:#463a49 !important;
  font:inherit;
}
.zz-page .zz-pendant-line-grid input:focus{
  border-color:rgba(218,181,112,.72) !important;
  box-shadow:0 0 0 3px rgba(218,181,112,.10);
}

/* 2) Bracelet: only zodiac, chinese and monogram remain visible. */
.zz-page[data-engraving-target="verschluss"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="verschluss"] [data-engraving-type="date"],
.zz-page[data-engraving-target="verschluss"] [data-engraving-type="word"]{
  display:none !important;
}
.zz-page[data-engraving-target="verschluss"] .zz-engraving-options--luxury{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* 3) Pendant zodiac overlay: truly centered on the medallion. */
.zz-page .zz-pendant-zodiac-preview{
  left:50% !important;
  top:50.3% !important;
  width:58% !important;
  height:58% !important;
  max-width:58% !important;
  max-height:58% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  z-index:4 !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:50% !important;
  top:50.3% !important;
  width:61% !important;
  height:61% !important;
  transform:translate(-50%,-50%) !important;
}

/* 4) Bracelet zodiac: smaller and more engraved, less black. */
.zz-page .zz-bracelet-zodiac-preview{
  position:absolute;
  z-index:4;
  left:50%;
  top:49.4%;
  width:18% !important;
  height:18% !important;
  transform:translate(-50%,-50%);
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  opacity:.86 !important;
  mix-blend-mode:multiply !important;
  filter:
    grayscale(1)
    brightness(.76)
    contrast(1.40)
    sepia(.12)
    drop-shadow(0 0 1px rgba(255,255,255,.18)) !important;
}
.zz-page[data-engraving-target="verschluss"] .zz-engraving-zone--verschluss,
.zz-page[data-engraving-target="verschluss"] .zz-photo-preview--verschluss .zz-engraving-zone{
  width:22% !important;
  height:18% !important;
}
.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview:not(.is-text){
  color:rgba(68,68,70,.72) !important;
}

/* 5) Flask preview card: as tall as the main block on desktop. */
@media (min-width:1181px){
  .zz-page[data-engraving-target="flasche"] .zz-builder-grid{
    align-items:stretch !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-config-preview-card,
  .zz-page[data-engraving-target="flasche"] .zz-live-config-panel,
  .zz-page[data-engraving-target="flasche"] #zz-preview-carousel,
  .zz-page[data-engraving-target="flasche"] [data-preview-target="flasche"]{
    height:100% !important;
    min-height:0 !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-live-config-panel{
    min-height:810px !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-photo-preview--flasche{
    min-height:705px !important;
    height:calc(100% - 8px) !important;
  }
}

/* 6) Show the whole bottle while keeping it large. */
.zz-page .zz-photo-preview--flasche{
  overflow:hidden !important;
}
.zz-page .zz-photo-preview--flasche > img:first-child{
  object-fit:contain !important;
  object-position:center 56% !important;
  transform:scale(1.10) !important;
  transform-origin:50% 54% !important;
}

/* 7) Zodiac bottle2 artwork centered on the bottle BODY and highly visible. */
.zz-page .zz-zodiac-artwork-preview{
  position:absolute !important;
  z-index:5 !important;
  left:50% !important;
  top:64.8% !important;
  width:24% !important;
  height:39% !important;
  max-width:24% !important;
  max-height:39% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
  filter:
    grayscale(1)
    brightness(1.86)
    contrast(1.54)
    drop-shadow(1px 0 0 rgba(242,242,245,.72))
    drop-shadow(-1px 0 0 rgba(242,242,245,.72))
    drop-shadow(0 1px 0 rgba(242,242,245,.72))
    drop-shadow(0 -1px 0 rgba(242,242,245,.72))
    drop-shadow(0 0 3px rgba(62,55,75,.38)) !important;
}
.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  left:50% !important;
  top:64.8% !important;
  width:26% !important;
  height:41% !important;
  transform:translate(-50%,-50%) !important;
  border-radius:18px !important;
}

/* 8) Flask chinese sign / moon-like glyphs / date / monogram all stay on body, not on the neck. */
.zz-page[data-engraving-target="flasche"] #zz-engraving-preview{
  left:50% !important;
  top:64.8% !important;
  transform:translate(-50%,-50%) !important;
}
.zz-page[data-engraving-target="flasche"] #zz-engraving-preview:not(.is-text){
  min-width:0 !important;
  width:24% !important;
  max-width:24% !important;
  padding:0 !important;
  font-size:clamp(44px,4.5vw,72px) !important;
  line-height:1 !important;
  color:rgba(241,241,245,.96) !important;
  opacity:.96 !important;
  mix-blend-mode:screen !important;
  filter:
    drop-shadow(1px 0 0 rgba(255,255,255,.35))
    drop-shadow(-1px 0 0 rgba(255,255,255,.35))
    drop-shadow(0 0 3px rgba(38,31,45,.46)) !important;
}
.zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text{
  width:20% !important;
  max-width:20% !important;
  font-size:clamp(15px,1.45vw,24px) !important;
  font-weight:900 !important;
  line-height:.95 !important;
  color:rgba(244,244,247,.98) !important;
  opacity:1 !important;
}

/* 9) Responsiveness. */
@media (max-width:1180px){
  .zz-page .zz-photo-preview--flasche{
    min-height:520px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.02) !important;
    object-position:center 56% !important;
  }
  .zz-page .zz-zodiac-artwork-preview{
    top:64% !important;
    width:25% !important;
    height:37% !important;
    max-width:25% !important;
    max-height:37% !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
    top:64% !important;
    width:27% !important;
    height:39% !important;
  }
}
@media (max-width:700px){
  .zz-page .zz-pendant-zodiac-preview{
    width:56% !important;
    height:56% !important;
    max-width:56% !important;
    max-height:56% !important;
  }
  .zz-page .zz-bracelet-zodiac-preview{
    width:20% !important;
    height:20% !important;
  }
  .zz-page .zz-photo-preview--flasche{
    min-height:450px !important;
  }
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(.98) !important;
  }
  .zz-page .zz-zodiac-artwork-preview{
    width:27% !important;
    height:35% !important;
    max-width:27% !important;
    max-height:35% !important;
  }
  .zz-page[data-engraving-target="flasche"] #zz-engraving-preview:not(.is-text){
    width:27% !important;
    max-width:27% !important;
    font-size:46px !important;
  }
  .zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text{
    width:22% !important;
    max-width:22% !important;
    font-size:14px !important;
  }
}

/* =========================================================
   v32 FINAL — target cleanup + bottle presentation
   ========================================================= */

/* ---------------------------------------------------------
   A) ENGRAVING OPTION AVAILABILITY
   --------------------------------------------------------- */

/* Bracelet: no moon, no date, no coordinates/message. */
.zz-page[data-engraving-target="verschluss"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="verschluss"] [data-engraving-type="date"],
.zz-page[data-engraving-target="verschluss"] [data-engraving-type="word"]{
  display:none !important;
}
.zz-page[data-engraving-target="verschluss"] .zz-engraving-options--luxury{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Pendant + bottle: no moon and no coordinates/message. */
.zz-page[data-engraving-target="anhanger"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="anhanger"] [data-engraving-type="word"],
.zz-page[data-engraving-target="flasche"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="flasche"] [data-engraving-type="word"]{
  display:none !important;
}
.zz-page[data-engraving-target="anhanger"] .zz-engraving-options--luxury,
.zz-page[data-engraving-target="flasche"] .zz-engraving-options--luxury{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}


/* ---------------------------------------------------------
   B) PENDANT — CENTER THE FULL MOTIF
   --------------------------------------------------------- */

/* The pendant photo itself stays unchanged.
   Only the artwork overlay gets centered lower on the real disc. */
.zz-page .zz-pendant-zodiac-preview{
  left:50% !important;
  top:55.2% !important;

  width:55% !important;
  height:55% !important;
  max-width:55% !important;
  max-height:55% !important;

  transform:translate(-50%,-50%) !important;

  object-fit:contain !important;
  object-position:center !important;

  opacity:.80 !important;
  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    brightness(.66)
    contrast(1.60)
    sepia(.16)
    drop-shadow(0 -1px 0 rgba(255,255,255,.18))
    drop-shadow(0 1px 0 rgba(73,54,38,.12)) !important;

  -webkit-mask-image:none !important;
  mask-image:none !important;
}

.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:50% !important;
  top:55.2% !important;

  width:58% !important;
  height:58% !important;

  transform:translate(-50%,-50%) !important;
}

/* Pendant 3-line text: centered as one engraving block. */
.zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:55% !important;

  width:34% !important;
  max-width:34% !important;
  min-width:0 !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  white-space:pre-line !important;
  text-align:center !important;

  font-size:clamp(12px,1.25vw,19px) !important;
  font-weight:800 !important;
  line-height:1.16 !important;
  letter-spacing:.045em !important;

  color:rgba(86,65,45,.78) !important;
  opacity:.90 !important;

  text-transform:none !important;
  mix-blend-mode:multiply !important;
}

.zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview::after{
  content:none !important;
}


/* ---------------------------------------------------------
   C) BRACELET — SMALLER LASER-ENGRAVED ZODIAC
   --------------------------------------------------------- */

.zz-page .zz-bracelet-zodiac-preview{
  left:49.9% !important;
  top:49.4% !important;

  width:9.4% !important;
  height:9.4% !important;

  transform:translate(-50%,-50%) !important;

  object-fit:contain !important;
  object-position:center !important;

  opacity:.66 !important;
  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    brightness(.82)
    contrast(1.34)
    sepia(.06)
    drop-shadow(0 -1px 0 rgba(255,255,255,.48))
    drop-shadow(0 1px 0 rgba(70,70,72,.17)) !important;
}

/* Real engraving area on clasp. */
.zz-page[data-engraving-target="verschluss"] .zz-photo-preview--verschluss .zz-engraving-zone{
  left:49.9% !important;
  top:49.4% !important;
  width:11% !important;
  height:11% !important;
}

/* Bracelet text is also restrained to the clasp surface. */
.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview.is-text{
  left:49.9% !important;
  top:49.4% !important;

  max-width:25% !important;

  font-size:clamp(9px,1vw,14px) !important;
  font-weight:800 !important;
  letter-spacing:.045em !important;

  color:rgba(74,74,76,.68) !important;
  opacity:.78 !important;

  text-transform:none !important;
  mix-blend-mode:multiply !important;
}


/* ---------------------------------------------------------
   D) BOTTLE — MATCH LEFT CARD HEIGHT ON DESKTOP
   --------------------------------------------------------- */

@media (min-width:1181px){

  .zz-page[data-engraving-target="flasche"] .zz-builder-grid{
    align-items:stretch !important;
  }

  .zz-page[data-engraving-target="flasche"] .zz-config-preview-card{
    align-self:stretch !important;
    height:var(--zz-bottle-match-height,auto) !important;
  }

  .zz-page[data-engraving-target="flasche"] .zz-live-config-panel{
    position:relative !important;
    top:auto !important;

    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;

    height:var(--zz-bottle-match-height,auto) !important;
    min-height:0 !important;
  }

  .zz-page[data-engraving-target="flasche"] #zz-preview-carousel{
    height:100% !important;
    min-height:0 !important;
  }

  .zz-page[data-engraving-target="flasche"] .zz-preview-track,
  .zz-page[data-engraving-target="flasche"] [data-preview-target="flasche"]{
    height:100% !important;
    min-height:0 !important;
  }

  .zz-page[data-engraving-target="flasche"] .zz-photo-preview--flasche{
    height:100% !important;
    min-height:0 !important;
  }
}


/* ---------------------------------------------------------
   E) BOTTLE — SHOW THE WHOLE BOTTLE
   --------------------------------------------------------- */

.zz-page .zz-photo-preview--flasche{
  overflow:hidden !important;
}

/* No aggressive zoom anymore.
   Whole cap + whole bottom remain visible. */
.zz-page .zz-photo-preview--flasche > img:first-child{
  object-fit:contain !important;
  object-position:center 50% !important;

  transform:scale(.88) !important;
  transform-origin:50% 50% !important;

  filter:
    saturate(.90)
    contrast(1.045) !important;
}


/* ---------------------------------------------------------
   F) BOTTLE2.PNG — DEDICATED GOLD MOTIF LAYER
   --------------------------------------------------------- */

/* Disable the older bottle artwork image.
   v32 uses #zz-bottle-artwork-layer so old JS cannot hide it. */
.zz-page #zz-zodiac-artwork-preview{
  display:none !important;
}

.zz-page .zz-bottle-artwork-layer{
  position:absolute !important;
  z-index:6 !important;

  left:50% !important;
  top:62.5% !important;

  width:23% !important;
  height:50% !important;

  transform:translate(-50%,-50%) !important;

  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;

  pointer-events:none !important;

  opacity:0 !important;
  visibility:hidden !important;

  /* Turn the transparent bottle2 artwork into a warm gold engraving. */
  filter:
    brightness(0)
    saturate(100%)
    invert(77%)
    sepia(42%)
    saturate(820%)
    hue-rotate(356deg)
    brightness(92%)
    contrast(90%)
    drop-shadow(1px 0 0 rgba(248,223,161,.28))
    drop-shadow(-1px 0 0 rgba(248,223,161,.28))
    drop-shadow(0 0 3px rgba(80,52,18,.22)) !important;

  mix-blend-mode:screen !important;

  transition:opacity .18s ease !important;
}

.zz-page .zz-bottle-artwork-layer.is-visible{
  opacity:.97 !important;
  visibility:visible !important;
}

/* The intended engraving zone is on the bottle BODY, not on the neck. */
.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  left:50% !important;
  top:62.5% !important;

  width:25% !important;
  height:52% !important;

  transform:translate(-50%,-50%) !important;

  border-radius:16px !important;
}


/* ---------------------------------------------------------
   G) BOTTLE — CHINESE SIGN / GENERIC SYMBOL
   --------------------------------------------------------- */

.zz-page[data-engraving-target="flasche"] #zz-engraving-preview{
  left:50% !important;
  top:62.5% !important;
}

/* Chinese animal sign: large warm-gold engraving on body. */
.zz-page[data-engraving-target="flasche"][data-engraving-type="chinese"] #zz-engraving-preview:not(.is-text){
  width:auto !important;
  min-width:0 !important;
  max-width:28% !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  font-size:clamp(60px,5vw,92px) !important;
  line-height:1 !important;

  color:#d6ae5c !important;
  opacity:.98 !important;

  text-shadow:
    0 1px 0 rgba(255,238,190,.28),
    0 0 5px rgba(55,36,11,.30) !important;

  mix-blend-mode:screen !important;
  filter:none !important;
}


/* ---------------------------------------------------------
   H) BOTTLE NAME — LARGE, ROTATED, GOLD
   Like the supplied reference.
   --------------------------------------------------------- */

.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:63% !important;

  width:auto !important;
  min-width:0 !important;
  max-width:none !important;

  padding:0 !important;

  /* One complete name rotated vertically. */
  transform:
    translate(-50%,-50%)
    rotate(-90deg) !important;

  white-space:nowrap !important;

  font-family:"Outfit",Arial,sans-serif !important;
  font-size:clamp(25px,2.35vw,39px) !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.055em !important;

  text-align:center !important;
  text-transform:none !important;

  color:#d5ad5a !important;
  opacity:.98 !important;

  text-shadow:
    0 1px 0 rgba(255,238,190,.35),
    0 0 5px rgba(54,34,8,.34) !important;

  mix-blend-mode:screen !important;
  filter:none !important;
}

.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview::after{
  content:none !important;
}


/* ---------------------------------------------------------
   I) BOTTLE DATE — LARGER, GOLD, STACKED
   --------------------------------------------------------- */

.zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:62.5% !important;

  width:auto !important;
  min-width:0 !important;
  max-width:none !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  white-space:pre-line !important;

  font-family:"Outfit",Arial,sans-serif !important;
  font-size:clamp(18px,1.55vw,26px) !important;
  font-weight:900 !important;
  line-height:.82 !important;
  letter-spacing:0 !important;

  text-align:center !important;
  text-transform:none !important;

  color:#d8b260 !important;
  opacity:1 !important;

  text-shadow:
    0 1px 0 rgba(255,239,195,.34),
    0 0 4px rgba(54,34,8,.34) !important;

  mix-blend-mode:screen !important;
  filter:none !important;
}

.zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview::after{
  content:none !important;
}


/* ---------------------------------------------------------
   J) RESPONSIVE
   --------------------------------------------------------- */

@media (max-width:1180px){

  .zz-page .zz-photo-preview--flasche{
    min-height:520px !important;
  }

  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(.92) !important;
    object-position:center 50% !important;
  }

  .zz-page .zz-bottle-artwork-layer{
    top:62% !important;
    width:24% !important;
    height:48% !important;
  }

  .zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
    top:62% !important;
    width:26% !important;
    height:50% !important;
  }
}

@media (max-width:700px){

  .zz-page .zz-pendant-zodiac-preview{
    top:55% !important;

    width:53% !important;
    height:53% !important;

    max-width:53% !important;
    max-height:53% !important;
  }

  .zz-page .zz-bracelet-zodiac-preview{
    width:10.5% !important;
    height:10.5% !important;
  }

  .zz-page .zz-photo-preview--flasche{
    min-height:455px !important;
  }

  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(.94) !important;
  }

  .zz-page .zz-bottle-artwork-layer{
    width:27% !important;
    height:45% !important;
  }

  .zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
    font-size:23px !important;
  }

  .zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview.is-text{
    font-size:17px !important;
  }

  .zz-page[data-engraving-target="flasche"][data-engraving-type="chinese"] #zz-engraving-preview:not(.is-text){
    font-size:56px !important;
  }
}

/* =========================================================
   v33 FINAL TUNING
   - Bigger bottle preview
   - Smaller bottle motif
   - Bottle name letters downward
   - Bottle date more even
   - Pendant artwork precisely centered on the medal
   ========================================================= */

/* ---------------- PENDANT: force overlay out of generic inset:0 img rule ---------------- */
.zz-page .zz-photo-preview .zz-pendant-zodiac-preview{
  inset:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:50.6% !important;
  top:58.2% !important;

  width:55% !important;
  height:55% !important;
  max-width:55% !important;
  max-height:55% !important;

  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  object-position:center !important;
}

.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:50.6% !important;
  top:58.2% !important;
  width:58% !important;
  height:58% !important;
  transform:translate(-50%,-50%) !important;
}

/* Keep pendant 3-line text on the same corrected center area. */
.zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview.is-text,
.zz-page[data-engraving-target="anhanger"][data-engraving-type="date"] #zz-engraving-preview.is-text{
  left:50.6% !important;
  top:58.0% !important;
  transform:translate(-50%,-50%) !important;
}

/* ---------------- BOTTLE: use more of the available preview space ---------------- */
.zz-page .zz-photo-preview--flasche > img:first-child{
  transform:scale(1.04) !important;
  transform-origin:50% 50% !important;
  object-fit:contain !important;
  object-position:center 50% !important;
}

@media (min-width:1181px){
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.08) !important;
  }
}

@media (max-width:1180px){
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(1.02) !important;
  }
}

@media (max-width:700px){
  .zz-page .zz-photo-preview--flasche > img:first-child{
    transform:scale(.99) !important;
  }
}

/* ---------------- BOTTLE: motif slightly smaller, centered on body ---------------- */
.zz-page .zz-bottle-artwork-layer{
  left:50% !important;
  top:62.8% !important;

  width:20% !important;
  height:43% !important;

  transform:translate(-50%,-50%) !important;
}

.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  left:50% !important;
  top:62.8% !important;
  width:22% !important;
  height:45% !important;
  transform:translate(-50%,-50%) !important;
}

@media (max-width:1180px){
  .zz-page .zz-bottle-artwork-layer{
    width:21% !important;
    height:42% !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
    width:23% !important;
    height:44% !important;
  }
}

@media (max-width:700px){
  .zz-page .zz-bottle-artwork-layer{
    width:23% !important;
    height:40% !important;
  }
  .zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
    width:24% !important;
    height:42% !important;
  }
}

/* ---------------- BOTTLE NAME: letters downward, not rotated as one word ---------------- */
.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:63.0% !important;

  width:auto !important;
  min-width:0 !important;
  max-width:none !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;
  white-space:pre-line !important;

  font-family:"Outfit",Arial,sans-serif !important;
  font-size:clamp(24px,2.05vw,34px) !important;
  font-weight:800 !important;
  line-height:.90 !important;
  letter-spacing:.01em !important;

  text-align:center !important;
  text-transform:none !important;

  color:#d5ad5a !important;
  opacity:.99 !important;

  text-shadow:
    0 1px 0 rgba(255,238,190,.35),
    0 0 5px rgba(54,34,8,.34) !important;

  mix-blend-mode:screen !important;
  filter:none !important;
}

.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview::after{
  content:none !important;
}

/* ---------------- BOTTLE DATE: more even spacing between numbers and dots ---------------- */
.zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:62.8% !important;

  transform:translate(-50%,-50%) !important;
  white-space:pre-line !important;

  font-family:"Outfit",Arial,sans-serif !important;
  font-size:clamp(19px,1.65vw,28px) !important;
  font-weight:900 !important;
  line-height:1.10 !important;
  letter-spacing:0 !important;

  font-variant-numeric:tabular-nums !important;
  font-feature-settings:"tnum" 1 !important;

  text-align:center !important;
  text-transform:none !important;

  color:#d8b260 !important;
  opacity:1 !important;

  text-shadow:
    0 1px 0 rgba(255,239,195,.34),
    0 0 4px rgba(54,34,8,.34) !important;

  mix-blend-mode:screen !important;
  filter:none !important;
}

/* =========================================================
   v36 — FIXED LASER PREVIEW
   Manufacturing-safe fixed placement: no customer movement/zoom.
   ========================================================= */

/* ---------------------------------------------------------
   1) ENGRAVING OPTIONS
   --------------------------------------------------------- */

/* Bottle: no Chinese horoscope, no moon, no word/coordinates. */
.zz-page[data-engraving-target="flasche"] [data-engraving-type="chinese"],
.zz-page[data-engraving-target="flasche"] [data-engraving-type="moon"],
.zz-page[data-engraving-target="flasche"] [data-engraving-type="word"]{
  display:none !important;
}

.zz-page[data-engraving-target="flasche"] .zz-engraving-options--luxury{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Bracelet remains: Zodiac / Chinese / Monogram only. */
.zz-page[data-engraving-target="verschluss"] .zz-engraving-options--luxury{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}


/* ---------------------------------------------------------
   2) LIVE PREVIEW — fixed production position
   --------------------------------------------------------- */

/* No third controller row anymore. */
@media (min-width:1181px){
  .zz-page[data-engraving-target="flasche"] .zz-live-config-panel{
    grid-template-rows:auto minmax(0,1fr) !important;
  }
}


/* ---------------------------------------------------------
   3) ANHÄNGER — physical medal center
   Reference screenshot: the real circular face is centered
   around x 50% / y 53.5% of the preview image.
   --------------------------------------------------------- */

.zz-page .zz-photo-preview .zz-pendant-zodiac-preview{
  inset:auto !important;
  right:auto !important;
  bottom:auto !important;

  left:50% !important;
  top:53.5% !important;

  width:68% !important;
  height:68% !important;
  max-width:68% !important;
  max-height:68% !important;

  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;

  object-fit:contain !important;
  object-position:center !important;

  opacity:.80 !important;
  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    brightness(.67)
    contrast(1.58)
    sepia(.16)
    drop-shadow(0 -1px 0 rgba(255,255,255,.16))
    drop-shadow(0 1px 0 rgba(73,54,38,.10)) !important;

  -webkit-mask-image:none !important;
  mask-image:none !important;
}

.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:50% !important;
  top:53.5% !important;

  width:70% !important;
  height:70% !important;

  transform:translate(-50%,-50%) !important;
}

/* Pendant text/date use exactly the same physical center. */
.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:53.5% !important;

  width:48% !important;
  min-width:0 !important;
  max-width:48% !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  white-space:pre-line !important;
  text-align:center !important;

  font-size:clamp(10px,1.12vw,17px) !important;
  font-weight:800 !important;
  line-height:1.17 !important;
  letter-spacing:.025em !important;

  color:rgba(82,61,43,.78) !important;
  opacity:.90 !important;

  text-transform:none !important;
  mix-blend-mode:multiply !important;
}

.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text::before,
.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text::after{
  content:none !important;
}


/* ---------------------------------------------------------
   4) FLASCHE — fixed center of the engraving body
   Reference screenshot: motif sits slightly below image center,
   centered horizontally on the bottle body.
   --------------------------------------------------------- */

.zz-page .zz-bottle-artwork-layer{
  left:50% !important;
  top:60.5% !important;

  width:18.5% !important;
  height:40% !important;

  transform:translate(-50%,-50%) !important;
  transform-origin:center center !important;
}

.zz-page[data-engraving-target="flasche"] .zz-engraving-zone--flasche{
  left:50% !important;
  top:60.5% !important;

  width:21% !important;
  height:43% !important;

  transform:translate(-50%,-50%) !important;
}

/* Bottle name/date are engraved on the same fixed center line. */
.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview.is-text,
.zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview.is-text{
  left:50% !important;
  top:60.5% !important;
  transform:translate(-50%,-50%) !important;
}


/* ---------------------------------------------------------
   5) ARMBAND-SCHLIESSE — Unicode Zodiac, small + engraved
   --------------------------------------------------------- */

/* PNG artwork is intentionally not used on the clasp in v36. */
.zz-page .zz-bracelet-zodiac-preview{
  display:none !important;
}

/* Standard Unicode sign centered in the real clasp engraving area. */
.zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview:not(.is-text){
  left:50% !important;
  top:49.5% !important;

  width:auto !important;
  min-width:0 !important;
  max-width:18% !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  color:rgba(66,66,68,.62) !important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Arial Unicode MS",sans-serif !important;
  font-size:clamp(24px,2.45vw,38px) !important;
  font-weight:500 !important;
  line-height:1 !important;

  opacity:.76 !important;
  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    contrast(1.22)
    drop-shadow(0 -1px 0 rgba(255,255,255,.48))
    drop-shadow(0 1px 0 rgba(56,56,58,.18)) !important;

  text-shadow:none !important;
}

.zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview::after{
  content:none !important;
}


/* ---------------------------------------------------------
   6) DISCLAIMER SPACING
   Keep the legal note closer to the block above.
   --------------------------------------------------------- */

.zz-page .finder{
  padding-bottom:24px !important;
}

.zz-page .disclaimer{
  margin-top:0 !important;
  padding:2px 0 22px !important;
}

@media (max-width:700px){
  .zz-page .finder{
    padding-bottom:18px !important;
  }

  .zz-page .disclaimer{
    padding-top:0 !important;
    padding-bottom:18px !important;
  }
}


/* ---------------------------------------------------------
   7) RESPONSIVE FIXED POSITIONS
   Percent coordinates remain tied to the product image.
   --------------------------------------------------------- */

@media (max-width:980px){
  .zz-page .zz-photo-preview .zz-pendant-zodiac-preview{
    left:50% !important;
    top:53.5% !important;
    width:68% !important;
    height:68% !important;
  }

  .zz-page .zz-bottle-artwork-layer{
    left:50% !important;
    top:60.5% !important;
    width:19.5% !important;
    height:39% !important;
  }
}

@media (max-width:700px){
  .zz-page .zz-photo-preview .zz-pendant-zodiac-preview{
    width:67% !important;
    height:67% !important;
  }

  .zz-page .zz-bottle-artwork-layer{
    width:21% !important;
    height:38% !important;
  }

  .zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview:not(.is-text){
    font-size:27px !important;
  }
}

/* =========================================================
   v37 — final clasp / pendant / product-slider tuning
   ========================================================= */

/* ---------------------------------------------------------
   A) ARMBAND-SCHLIESSE
   Zodiac + Chinese symbol ~2.5× larger than v36.
   Still deliberately grey/metallic instead of flat black.
   --------------------------------------------------------- */

.zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview:not(.is-text),
.zz-page[data-engraving-target="verschluss"][data-engraving-type="chinese"] #zz-engraving-preview:not(.is-text){
  left:50% !important;
  top:49.5% !important;

  width:auto !important;
  min-width:0 !important;
  max-width:42% !important;

  padding:0 !important;

  transform:translate(-50%,-50%) !important;

  font-family:
    "Segoe UI Symbol",
    "Noto Sans Symbols 2",
    "Arial Unicode MS",
    Arial,
    sans-serif !important;

  font-size:clamp(60px,6vw,94px) !important;
  font-weight:500 !important;
  line-height:1 !important;

  color:rgba(70,70,73,.70) !important;
  opacity:.90 !important;

  mix-blend-mode:multiply !important;

  filter:
    grayscale(1)
    brightness(1.02)
    contrast(1.30)
    drop-shadow(0 -1.2px 0 rgba(255,255,255,.74))
    drop-shadow(0 1.2px 0 rgba(60,60,63,.22))
    drop-shadow(0 0 1px rgba(78,78,81,.16)) !important;

  text-shadow:none !important;
}

.zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="verschluss"][data-engraving-type="zodiac"] #zz-engraving-preview::after,
.zz-page[data-engraving-target="verschluss"][data-engraving-type="chinese"] #zz-engraving-preview::before,
.zz-page[data-engraving-target="verschluss"][data-engraving-type="chinese"] #zz-engraving-preview::after{
  content:none !important;
}


/* ---------------------------------------------------------
   B) ANHÄNGER
   Tiny correction from v36: slightly LEFT and UP.
   --------------------------------------------------------- */

.zz-page .zz-photo-preview .zz-pendant-zodiac-preview{
  left:49.35% !important;
  top:52.65% !important;
}

.zz-page[data-engraving-target="anhanger"] .zz-photo-preview--anhanger::after{
  left:49.35% !important;
  top:52.65% !important;
}

/* Text uses the same corrected real medal center. */
.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text{
  left:49.35% !important;
  top:52.65% !important;
}


/* ---------------------------------------------------------
   C) PRODUCT SLIDER
   Arrows get their OWN gutters instead of sitting on products.
   --------------------------------------------------------- */

.zz-page .zz-product-slider-shell{
  position:relative !important;

  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) 44px !important;
  align-items:center !important;
  gap:12px !important;

  width:100% !important;
  min-width:0 !important;

  overflow:visible !important;
}

.zz-page .zz-product-slider-shell .zz-engraving-product-track{
  grid-column:2 !important;

  min-width:0 !important;
  width:100% !important;

  margin:0 !important;
}

.zz-page .zz-product-slider-arrow{
  position:static !important;
  inset:auto !important;

  z-index:8 !important;

  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;

  height:62px !important;
  min-height:62px !important;
  max-height:62px !important;

  margin:0 !important;
  padding:0 !important;

  transform:none !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:13px !important;

  color:rgba(255,255,255,.88) !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.11),
      rgba(255,255,255,.055)
    ) !important;

  box-shadow:
    0 10px 24px rgba(15,6,19,.14),
    inset 0 1px rgba(255,255,255,.08) !important;

  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;

  font-size:22px !important;
  line-height:1 !important;

  cursor:pointer !important;
}

.zz-page .zz-product-slider-arrow--prev{
  grid-column:1 !important;
  justify-self:end !important;
}

.zz-page .zz-product-slider-arrow--next{
  grid-column:3 !important;
  justify-self:start !important;
}

.zz-page .zz-product-slider-arrow:hover{
  transform:translateY(-1px) !important;
  color:#fff !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.17),
      rgba(255,255,255,.09)
    ) !important;
}

/* Product cards never sit beneath the arrows anymore. */
.zz-page .zz-engraving-product-track{
  scroll-padding-inline:4px !important;
}


/* ---------------------------------------------------------
   D) PRODUCT SELECTOR LOCK VISUAL
   A simple slider navigation click must not visually deactivate
   an already confirmed product selector.
   --------------------------------------------------------- */

.zz-page .zz-product-choice:not(.is-locked) .zz-engraving-product-card{
  opacity:1 !important;
  filter:none !important;
}

.zz-page .zz-product-choice:not(.is-locked) .zz-product-link,
.zz-page .zz-product-choice:not(.is-locked) .zz-product-cart{
  pointer-events:auto !important;
}


/* ---------------------------------------------------------
   E) RESPONSIVE PRODUCT ARROWS
   --------------------------------------------------------- */

@media(max-width:900px){
  .zz-page .zz-product-slider-shell{
    grid-template-columns:38px minmax(0,1fr) 38px !important;
    gap:7px !important;
  }

  .zz-page .zz-product-slider-arrow{
    width:36px !important;
    min-width:36px !important;
    max-width:36px !important;

    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;

    border-radius:11px !important;
    font-size:19px !important;
  }
}

@media(max-width:560px){
  .zz-page .zz-product-slider-shell{
    grid-template-columns:34px minmax(0,1fr) 34px !important;
    gap:5px !important;
  }

  .zz-page .zz-product-slider-arrow{
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }
}

/* =========================================================
   v38 — LIVE PREVIEW TYPOGRAPHY
   Lucida across clasp / pendant / bottle.
   Positions and motif placement remain unchanged.
   ========================================================= */

/* Shared Lucida engraving font for all live text previews. */
.zz-page #zz-engraving-preview.is-text{
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    Arial,
    sans-serif !important;

  font-weight:400 !important;
}

/* ---------------------------------------------------------
   1) ARMBAND / VERSCHLUSS
   Lighter, cleaner laser-text appearance.
   --------------------------------------------------------- */

.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview.is-text{
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    Arial,
    sans-serif !important;

  font-weight:400 !important;
  letter-spacing:.035em !important;

  color:rgba(78,78,80,.70) !important;
  opacity:.86 !important;
}

/* Standard Zodiac / Chinese glyph on clasp also follows Lucida. */
.zz-page[data-engraving-target="verschluss"] #zz-engraving-preview:not(.is-text){
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    "Segoe UI Symbol",
    Arial,
    sans-serif !important;

  font-weight:400 !important;
}


/* ---------------------------------------------------------
   2) ANHÄNGER
   Same Lucida face, much thinner than before.
   --------------------------------------------------------- */

.zz-page[data-engraving-target="anhanger"] #zz-engraving-preview.is-text{
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    Arial,
    sans-serif !important;

  font-weight:400 !important;
  letter-spacing:.018em !important;
  line-height:1.14 !important;

  color:rgba(83,63,45,.76) !important;
  opacity:.88 !important;
}

/* Pendant date / numeric engraving should be visually lower in height. */
.zz-page[data-engraving-target="anhanger"][data-engraving-type="date"] #zz-engraving-preview.is-text{
  font-size:clamp(9px,.92vw,14px) !important;
  font-weight:400 !important;
  line-height:1.06 !important;
  letter-spacing:.015em !important;
}


/* ---------------------------------------------------------
   3) FLASCHE
   Lucida for name + date, thinner engraving.
   --------------------------------------------------------- */

.zz-page[data-engraving-target="flasche"] #zz-engraving-preview.is-text{
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    Arial,
    sans-serif !important;

  font-weight:400 !important;
}

/* Vertical name: keep exact current position, only refine typography. */
.zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    Arial,
    sans-serif !important;

  font-size:clamp(21px,1.78vw,30px) !important;
  font-weight:400 !important;
  line-height:.94 !important;
  letter-spacing:.015em !important;

  color:#d4ad61 !important;
  opacity:.96 !important;
}

/* Date: lower total text height, finer weight, more refined spacing. */
.zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview.is-text{
  font-family:
    "Lucida Sans Unicode",
    "Lucida Grande",
    "Lucida Sans",
    Arial,
    sans-serif !important;

  font-size:clamp(15px,1.22vw,21px) !important;
  font-weight:400 !important;
  line-height:1.02 !important;
  letter-spacing:0 !important;

  font-variant-numeric:tabular-nums !important;
  font-feature-settings:"tnum" 1 !important;

  color:#d6af60 !important;
  opacity:.97 !important;
}

/* Smaller screens: keep the same proportions without making dates too tall. */
@media(max-width:700px){
  .zz-page[data-engraving-target="flasche"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
    font-size:20px !important;
  }

  .zz-page[data-engraving-target="flasche"][data-engraving-type="date"] #zz-engraving-preview.is-text{
    font-size:15px !important;
    line-height:1 !important;
  }

  .zz-page[data-engraving-target="anhanger"][data-engraving-type="date"] #zz-engraving-preview.is-text{
    font-size:10px !important;
  }
}


/* =========================================================
   v39 — PRODUCT CARD + LIVE PREVIEW FINAL POLISH
   - compact product cards
   - rounded product image/media
   - no stretched empty card area
   - responsive sizing
   - pendant text: 20 chars/line, larger + slightly higher
   - bracelet monogram larger
   - live preview pager: text only
   ========================================================= */

/* ---------- PRODUCT CARDS ---------- */
.zz-page .zz-engraving-product-track{
  align-items:start !important;
}

.zz-page .zz-engraving-product-card{
  align-self:start !important;
  height:auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  border-radius:18px !important;
}

.zz-page .zz-engraving-product-media{
  height:158px !important;
  margin:8px 8px 0 !important;
  overflow:hidden !important;
  border-radius:14px !important;
  background:#f5f2f4 !important;
}

.zz-page .zz-engraving-product-media img{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:6px !important;
  border-radius:12px !important;
}

.zz-page .zz-engraving-product-copy{
  padding:11px 12px 12px !important;
}

.zz-page .zz-engraving-product-copy h4{
  min-height:0 !important;
  margin:0 0 5px !important;
  color:#332c35 !important;
  font-size:13px !important;
  line-height:1.22 !important;
}

.zz-page .zz-engraving-product-price{
  margin:5px 0 7px !important;
}

.zz-page .zz-product-colors{
  margin:5px 0 0 !important;
}

.zz-page .zz-product-cart,
.zz-page .zz-product-link,
.zz-page .zz-product-select{
  min-height:36px !important;
  padding:0 9px !important;
  border-radius:10px !important;
  font-size:9px !important;
}

.zz-page .zz-product-cart,
.zz-page .zz-product-link{
  margin-top:6px !important;
}

/* ---------- LIVE PREVIEW HEADER: NO LEFT/RIGHT BUTTONS ---------- */
.zz-page .zz-preview-pager--textonly{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  min-width:auto !important;
}

.zz-page .zz-preview-pager--textonly #zz-preview-counter{
  min-width:0 !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  color:rgba(255,255,255,.74) !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  font-size:9px !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
}

/* ---------- PENDANT TEXT / MONOGRAM ---------- */
.zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
  left:49.35% !important;
  top:51.35% !important;
  width:46% !important;
  max-width:46% !important;
  min-width:0 !important;
  padding:0 !important;
  transform:translate(-50%,-50%) !important;
  white-space:pre-line !important;
  text-align:center !important;
  font-size:clamp(15px,1.55vw,24px) !important;
  line-height:1.08 !important;
  letter-spacing:.012em !important;
}

/* ---------- BRACELET MONOGRAM ---------- */
.zz-page[data-engraving-target="verschluss"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
  left:49.9% !important;
  top:49.4% !important;
  max-width:31% !important;
  min-width:0 !important;
  padding:0 !important;
  font-size:clamp(13px,1.35vw,21px) !important;
  line-height:1 !important;
  letter-spacing:.025em !important;
}

/* ---------- TABLET ---------- */
@media(max-width:900px){
  .zz-page .zz-engraving-product-media{
    height:152px !important;
  }

  .zz-page .zz-engraving-product-copy{
    padding:10px 11px 11px !important;
  }

  .zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
    top:51.2% !important;
    width:48% !important;
    max-width:48% !important;
    font-size:clamp(14px,2.2vw,21px) !important;
  }

  .zz-page[data-engraving-target="verschluss"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
    font-size:clamp(13px,2vw,18px) !important;
  }
}

/* ---------- MOBILE ---------- */
@media(max-width:560px){
  .zz-page .zz-engraving-product-card{
    min-width:min(76vw,280px) !important;
    border-radius:16px !important;
  }

  .zz-page .zz-engraving-product-media{
    height:142px !important;
    margin:7px 7px 0 !important;
    border-radius:12px !important;
  }

  .zz-page .zz-engraving-product-media img{
    padding:5px !important;
    border-radius:10px !important;
  }

  .zz-page .zz-engraving-product-copy h4{
    font-size:12px !important;
  }

  .zz-page .zz-product-cart,
  .zz-page .zz-product-link,
  .zz-page .zz-product-select{
    min-height:35px !important;
  }

  .zz-page .zz-preview-stage-head{
    gap:10px !important;
  }

  .zz-page .zz-preview-pager--textonly #zz-preview-counter{
    padding:5px 8px !important;
    font-size:8px !important;
  }

  .zz-page[data-engraving-target="anhanger"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
    top:51% !important;
    width:52% !important;
    max-width:52% !important;
    font-size:14px !important;
    line-height:1.06 !important;
  }

  .zz-page[data-engraving-target="verschluss"][data-engraving-type="initials"] #zz-engraving-preview.is-text{
    max-width:34% !important;
    font-size:14px !important;
  }
}


/* =========================================================
   v40 — PRODUCT IMAGE FILL
   - image fills the rounded media container
   - image itself is rounded too
   ========================================================= */
.zz-page .zz-engraving-product-media{
  padding:0 !important;
  overflow:hidden !important;
  border-radius:14px !important;
}

.zz-page .zz-engraving-product-media img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:14px !important;
}

@media(max-width:560px){
  .zz-page .zz-engraving-product-media{
    border-radius:12px !important;
  }

  .zz-page .zz-engraving-product-media img{
    border-radius:12px !important;
  }
}


/* =========================================================
   v41 — PRODUCT SELECTION + ORDER SUMMARY + CHIP BUNDLE
   ========================================================= */

/* ---------- equal product cards ---------- */
.zz-page .zz-engraving-product-track{
  align-items:stretch !important;
}

.zz-page .zz-engraving-product-card{
  display:flex !important;
  flex-direction:column !important;
  height:auto !important;
  min-height:0 !important;
  cursor:pointer;
}

.zz-page .zz-engraving-product-copy{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
}

.zz-page .zz-engraving-product-copy h4{
  min-height:2.55em !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.zz-page .zz-product-colors{
  min-height:25px !important;
  align-items:center !important;
}

.zz-page .zz-product-colors__placeholder{
  opacity:.48;
}

.zz-page .zz-product-select{
  margin-top:auto !important;
}

.zz-page .zz-engraving-product-card.is-selected{
  border-color:rgba(228,198,119,.92) !important;
  box-shadow:
    0 0 0 3px rgba(228,198,119,.14),
    0 18px 38px rgba(25,9,31,.16) !important;
}

.zz-page .zz-engraving-product-card.is-selected::after{
  content:"✓";
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#422447;
  background:#ead489;
  box-shadow:0 7px 18px rgba(35,17,40,.18);
  font-size:11px;
  font-weight:900;
}

/* ---------- chip mini hero ---------- */
.zz-page .zz-chip-bundle{
  --zz-chip-bundle-bg:url(""); /* HIER später deine Banner-Bild-URL einsetzen */

  position:relative;
  min-height:170px;
  margin-top:16px;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(250px,.88fr) minmax(420px,1.12fr);
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:
    radial-gradient(circle at 9% 15%,rgba(213,169,225,.20),transparent 33%),
    linear-gradient(115deg,#27172e,#43244b);
  box-shadow:0 16px 36px rgba(20,8,24,.12);
}

.zz-page .zz-chip-bundle__media{
  min-height:170px;
  background-image:
    linear-gradient(90deg,rgba(38,21,43,.06),rgba(38,21,43,.25)),
    var(--zz-chip-bundle-bg);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.zz-page .zz-chip-bundle__content{
  position:relative;
  z-index:2;
  padding:24px 27px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(90deg,rgba(52,28,59,.20),rgba(38,21,43,.94) 17%);
}

.zz-page .zz-chip-bundle__eyebrow{
  color:#e1c67d;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
}

.zz-page .zz-chip-bundle h4{
  margin:6px 0 8px !important;
  color:#fff !important;
  font-family:var(--title-font);
  font-size:clamp(20px,2vw,28px);
  line-height:1.08;
}

.zz-page .zz-chip-bundle p{
  max-width:650px;
  margin:0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:11px !important;
  line-height:1.55 !important;
}

.zz-page .zz-chip-bundle p strong{
  color:#fff;
}

.zz-page .zz-chip-bundle__meta{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.zz-page .zz-chip-bundle__meta > span{
  color:rgba(255,255,255,.63);
  font-size:10px;
}

.zz-page .zz-chip-bundle__meta del{
  opacity:.52;
  margin-right:6px;
}

.zz-page .zz-chip-bundle__meta strong{
  color:#ead489;
  font-size:13px;
}

.zz-page #zz-chip-toggle{
  min-height:40px;
  padding:0 15px;
  flex:0 0 auto;
  border:1px solid rgba(234,212,137,.28);
  border-radius:12px;
  color:#2d1833;
  background:#ead489;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
  transition:.2s ease;
}

.zz-page #zz-chip-toggle:hover{
  transform:translateY(-1px);
}

.zz-page #zz-chip-toggle.is-selected{
  color:#fff;
  background:#7a3a80;
  border-color:rgba(255,255,255,.12);
}

/* ---------- order summary ---------- */
.zz-page .zz-order-summary-card{
  margin-top:16px;
  padding:22px 24px;
  border-radius:20px;
  color:#403443;
  background:
    radial-gradient(circle at 90% 0,rgba(194,126,194,.11),transparent 28%),
    linear-gradient(145deg,#fffdfa,#f7f0f5);
  border:1px solid rgba(105,57,104,.09);
  box-shadow:0 15px 35px rgba(50,26,53,.07);
}

.zz-page .zz-order-summary-card__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(101,57,102,.10);
}

.zz-page .zz-order-summary-card__head h4{
  margin:5px 0 0 !important;
  color:#3d3140 !important;
  font-size:22px;
}

.zz-page .zz-order-summary-badge{
  padding:7px 10px;
  border-radius:999px;
  color:#6b3a69;
  background:#eee1ec;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
}

.zz-page .zz-order-summary-lines{
  display:grid;
}

.zz-page .zz-order-summary-line{
  min-height:58px;
  padding:11px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-bottom:1px solid rgba(101,57,102,.08);
}

.zz-page .zz-order-summary-line > div{
  display:flex;
  flex-direction:column;
}

.zz-page .zz-order-summary-line > div:last-child{
  text-align:right;
}

.zz-page .zz-order-summary-line strong{
  color:#493b4b;
  font-size:11px;
}

.zz-page .zz-order-summary-line span{
  color:#6d3567;
  font-size:11px;
  font-weight:800;
}

.zz-page .zz-order-summary-line small{
  margin-top:2px;
  color:#8b7e8c;
  font-size:8px;
}

.zz-page .zz-order-summary-line--chip{
  background:linear-gradient(90deg,transparent,rgba(227,204,126,.08),transparent);
}

.zz-page .zz-order-summary-empty{
  padding:18px 0;
  color:#918593;
  font-size:10px;
}

.zz-page .zz-order-summary-totals{
  margin-top:14px;
  margin-left:auto;
  width:min(100%,420px);
  display:grid;
  gap:6px;
}

.zz-page .zz-order-summary-totals > div{
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:#756a77;
  font-size:10px;
}

.zz-page .zz-order-summary-totals strong{
  color:#493b4b;
}

.zz-page .zz-order-discount-row strong{
  color:#4d7b55 !important;
}

.zz-page .zz-order-grand-total{
  margin-top:6px;
  padding-top:10px;
  border-top:1px solid rgba(101,57,102,.12);
  align-items:baseline;
}

.zz-page .zz-order-grand-total span{
  color:#413543;
  font-weight:800;
}

.zz-page .zz-order-grand-total strong{
  color:#6d3567;
  font-family:var(--title-font);
  font-size:20px;
}

.zz-page .zz-order-summary-actions{
  margin-top:18px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:9px;
}

.zz-page .zz-order-summary-actions button{
  min-height:48px;
  border-radius:13px;
  cursor:pointer;
  font-size:10px;
  font-weight:850;
  transition:.2s ease;
}

.zz-page .zz-order-summary-actions button:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.zz-page .zz-order-summary-cart{
  border:1px solid rgba(105,57,104,.16);
  color:#683866;
  background:#fff;
}

.zz-page .zz-order-summary-checkout{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#8f4296,#632d69);
  box-shadow:0 12px 28px rgba(105,45,112,.17);
}

.zz-page .zz-order-summary-actions button:not(:disabled):hover{
  transform:translateY(-1px);
}

.zz-page .zz-order-summary-note{
  margin:10px 0 0 !important;
  color:#938895 !important;
  font-size:8px !important;
  line-height:1.45 !important;
}

@media(max-width:700px){
  .zz-page .zz-engraving-product-copy h4{
    min-height:2.5em !important;
  }

  .zz-page .zz-chip-bundle{
    min-height:0;
    grid-template-columns:1fr;
  }

  .zz-page .zz-chip-bundle__media{
    min-height:120px;
  }

  .zz-page .zz-chip-bundle__content{
    padding:19px 17px;
    background:linear-gradient(180deg,rgba(38,21,43,.70),rgba(38,21,43,.96));
  }

  .zz-page .zz-chip-bundle__meta{
    align-items:flex-start;
    flex-direction:column;
  }

  .zz-page #zz-chip-toggle{
    width:100%;
  }

  .zz-page .zz-order-summary-card{
    padding:19px 16px;
  }

  .zz-page .zz-order-summary-card__head{
    align-items:flex-start;
  }

  .zz-page .zz-order-summary-line{
    align-items:flex-start;
  }

  .zz-page .zz-order-summary-actions{
    grid-template-columns:1fr;
  }

  .zz-page .zz-order-summary-actions button{
    min-height:52px;
  }
}

/* ===== v42 UX polish ===== */
.zz-page .zz-product-selected-flag{position:absolute;z-index:12;top:10px;right:10px;height:28px;padding:0 10px 0 5px;display:flex;align-items:center;gap:6px;border-radius:999px;color:#38203d;background:linear-gradient(135deg,#f6e8aa,#d9bd67);border:1px solid rgba(255,255,255,.7);box-shadow:0 9px 22px rgba(25,10,30,.22);font-size:7px;font-weight:900;letter-spacing:.1em;opacity:0;transform:translateY(-5px);transition:.18s ease;pointer-events:none}
.zz-page .zz-product-selected-flag i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#63305e;font-size:9px;font-style:normal}
.zz-page .zz-engraving-product-card.is-selected{transform:translateY(-5px)!important;border:2px solid #e5ca78!important;background:#fffdf8!important;box-shadow:0 0 0 4px rgba(229,202,120,.18),0 24px 50px rgba(24,10,29,.24)!important}
.zz-page .zz-engraving-product-card.is-selected .zz-product-selected-flag{opacity:1;transform:none}
.zz-page .zz-engraving-product-card.is-selected::after{content:none!important}
.zz-page .zz-engraving-product-card.is-selected .zz-product-select{color:#fff!important;background:linear-gradient(135deg,#88478a,#602b63)!important}
.zz-page .zz-engraving-product-copy h4{font-size:14px!important;line-height:1.25!important;color:#3d3340!important}
.zz-page .zz-engraving-product-price{font-size:14px!important}

.zz-page .zz-chip-bundle{min-height:210px!important}
.zz-page .zz-chip-bundle__content{padding:28px 30px!important}
.zz-page .zz-chip-bundle h4{font-size:clamp(25px,2.35vw,34px)!important}
.zz-page .zz-chip-bundle p{font-size:13px!important;line-height:1.6!important}
.zz-page .zz-chip-bundle__gift{margin-top:16px;padding:12px 14px;display:flex;align-items:center;gap:11px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);opacity:.58;transition:.22s ease}
.zz-page .zz-chip-bundle__gift.is-active{opacity:1;border-color:rgba(230,202,119,.42);background:linear-gradient(135deg,rgba(232,207,133,.16),rgba(255,255,255,.07));box-shadow:0 10px 28px rgba(15,6,19,.12)}
.zz-page .zz-chip-bundle__gift-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#352038;background:#e7cd7e;font-size:14px}
.zz-page .zz-chip-bundle__gift>div{display:flex;flex-direction:column;gap:1px}.zz-page .zz-chip-bundle__gift small{color:#e2c982;font-size:7px;font-weight:900;letter-spacing:.14em}.zz-page .zz-chip-bundle__gift strong{color:#fff;font-size:12px}.zz-page .zz-chip-bundle__gift span:last-child{color:rgba(255,255,255,.53);font-size:9px}
.zz-page #zz-chip-toggle{min-width:175px!important;min-height:46px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;background:rgba(255,255,255,.08)!important}
.zz-page .zz-chip-toggle-check{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(255,255,255,.26);color:transparent;background:rgba(255,255,255,.05)}
.zz-page #zz-chip-toggle.is-selected{border-color:#e4ca7d!important;background:linear-gradient(135deg,#7c3d80,#59295d)!important;box-shadow:0 0 0 3px rgba(228,202,125,.12),0 12px 30px rgba(20,8,24,.20)!important}
.zz-page #zz-chip-toggle.is-selected .zz-chip-toggle-check{color:#3c233f;background:#ecd78f;border-color:#ecd78f}

.zz-page .zz-birthday-gift{margin-top:18px;padding:28px;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:34px;align-items:center;border-radius:22px;color:#403443;background:radial-gradient(circle at 7% 10%,rgba(232,209,227,.78),transparent 34%),linear-gradient(135deg,#fffdfa,#f4ebf3);border:1px solid rgba(117,63,115,.10);box-shadow:0 16px 38px rgba(55,29,57,.07)}
.zz-page .zz-birthday-step{color:#8b438e;font-size:9px;font-weight:900;letter-spacing:.14em}.zz-page .zz-birthday-gift h4{margin:8px 0 10px!important;color:#392f3b!important;font-family:var(--title-font);font-size:clamp(27px,2.8vw,40px)!important;line-height:1.02}.zz-page .zz-birthday-gift__intro p{margin:0!important;color:#746976!important;font-size:13px!important;line-height:1.65!important}
.zz-page .zz-birthday-gift__form{padding:20px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(110,57,108,.09)}.zz-page .zz-birthday-gift__form>label:first-child{display:block;margin-bottom:7px;color:#514653;font-size:11px;font-weight:800}
.zz-page .zz-birthdate-control{position:relative}.zz-page #zz-birthdate{width:100%;min-height:52px;padding:0 78px 0 14px;border:1px solid rgba(110,57,108,.15);border-radius:13px;outline:none;color:#403443;background:#fff;font-size:16px}.zz-page .zz-birthdate-gift-badge{position:absolute;right:9px;top:50%;transform:translateY(-50%);padding:5px 8px;border-radius:999px;color:#503050;background:#ead489;font-size:7px;font-weight:900;letter-spacing:.08em;pointer-events:none}.zz-page .zz-birthdate-help{display:block;margin-top:7px;color:#8f8490;font-size:9px;line-height:1.45}
.zz-page .zz-marketing-consent{margin-top:15px;display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;cursor:pointer}.zz-page .zz-marketing-consent input{width:18px;height:18px;margin:2px 0 0;accent-color:#7d3f80}.zz-page .zz-marketing-consent>span{display:flex;flex-direction:column;gap:3px}.zz-page .zz-marketing-consent strong{color:#514653;font-size:10px}.zz-page .zz-marketing-consent small{color:#8b808d;font-size:8px;line-height:1.45}.zz-page .zz-birthday-status{min-height:15px;margin-top:8px;color:#a44350;font-size:9px;font-weight:700}

.zz-page .zz-order-summary-card{padding:28px 30px!important}.zz-page .zz-order-summary-card__head h4{font-size:29px!important}.zz-page .zz-order-summary-badge{padding:9px 12px!important;font-size:10px!important}.zz-page .zz-order-summary-line{min-height:72px!important;padding:14px 0!important}.zz-page .zz-order-summary-line strong,.zz-page .zz-order-summary-line span{font-size:14px!important}.zz-page .zz-order-summary-line small{margin-top:4px!important;font-size:10px!important}.zz-page .zz-order-summary-totals{width:min(100%,470px)!important;gap:8px!important}.zz-page .zz-order-summary-totals>div{font-size:12px!important}.zz-page .zz-order-grand-total strong{font-size:25px!important}.zz-page .zz-order-gift-row strong,.zz-page .zz-order-coaster-row strong{color:#5b865f!important}.zz-page .zz-order-summary-actions button{min-height:54px!important;font-size:12px!important}
@media(max-width:700px){.zz-page .zz-birthday-gift{grid-template-columns:1fr;gap:20px;padding:20px 17px}.zz-page .zz-birthday-gift__form{padding:16px}.zz-page #zz-chip-toggle{width:100%!important}.zz-page .zz-order-summary-card{padding:21px 17px!important}.zz-page .zz-order-summary-card__head h4{font-size:24px!important}.zz-page .zz-order-summary-line strong,.zz-page .zz-order-summary-line span{font-size:12px!important}.zz-page .zz-order-summary-line small{font-size:9px!important}}


/* ===== v43 Botelo gift visual ===== */
.zz-page .zz-chip-bundle__gift{
  position:relative;
  min-height:88px;
}

.zz-page .zz-chip-bundle__gift-img{
  width:58px;
  height:72px;
  flex:0 0 58px;
  object-fit:contain;
  object-position:center;
  border-radius:10px;
  padding:4px;
  background:rgba(255,255,255,.90);
  box-shadow:0 8px 22px rgba(17,7,21,.16);
}

.zz-page .zz-chip-bundle__gift > div{
  min-width:0;
}

.zz-page .zz-chip-bundle__gift strong{
  font-size:13px !important;
}

.zz-page .zz-chip-bundle__gift span:last-child{
  font-size:10px !important;
}

.zz-page .zz-chip-bundle__gift span:last-child b{
  color:#f1dda0;
  font-weight:900;
}

.zz-page .zz-order-gift-row span{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.zz-page .zz-order-gift-row span small{
  color:#8a7d8c;
  font-size:9px;
  font-weight:600;
}

@media(max-width:700px){
  .zz-page .zz-chip-bundle__gift-img{
    width:52px;
    height:66px;
    flex-basis:52px;
  }
}


/* =========================================================
   v44 — FINAL SHOP FLOW POLISH
   ========================================================= */

/* CHIP MINI HERO BACKGROUND */
.zz-page .zz-chip-bundle{
  --zz-chip-bundle-bg:url("https://zisano.at/wp-content/uploads/2026/08/chip_banner_ribbon.webp") !important;
  grid-template-columns:minmax(310px,1fr) minmax(430px,1fr) !important;
}
.zz-page .zz-chip-bundle__media{
  background-image:
    linear-gradient(90deg,rgba(37,19,43,.02),rgba(37,19,43,.20)),
    var(--zz-chip-bundle-bg) !important;
  background-size:cover !important;
  background-position:center !important;
}
.zz-page .zz-chip-bundle:not(.is-ready){
  opacity:.58;
}
.zz-page .zz-chip-bundle.is-ready{
  opacity:1;
}

/* EXACTLY EQUAL PRODUCT CARD HEIGHTS — JS also measures the tallest rendered card */
.zz-page .zz-engraving-product-track{
  align-items:stretch !important;
}
.zz-page .zz-engraving-product-card{
  align-self:stretch !important;
  height:auto !important;
  min-height:410px !important;
}
.zz-page .zz-engraving-product-copy{
  height:100% !important;
}
.zz-page .zz-engraving-product-copy h4{
  height:3.75em !important;
  min-height:3.75em !important;
  max-height:3.75em !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
}
.zz-page .zz-product-colors{
  min-height:28px !important;
}

/* Selected cards stay bright; only the NOT-selected cards recede */
.zz-page.zz-has-product-selection .zz-engraving-product-card:not(.is-selected){
  opacity:.52 !important;
  filter:saturate(.42) brightness(.94) !important;
  transform:scale(.985) !important;
}
.zz-page.zz-has-product-selection .zz-engraving-product-card:not(.is-selected):hover{
  opacity:.78 !important;
  filter:saturate(.72) brightness(.98) !important;
}
.zz-page.zz-has-product-selection .zz-engraving-product-card.is-selected{
  opacity:1 !important;
  filter:none !important;
  background:#fff !important;
  transform:translateY(-5px) scale(1) !important;
}

/* Chip button only becomes actionable after product selection */
.zz-page #zz-chip-toggle:disabled{
  cursor:not-allowed !important;
  opacity:.42 !important;
}
.zz-page #zz-chip-toggle:not(:disabled){
  opacity:1 !important;
}

/* BOTELO COLOR MODAL */
html.zz-modal-open,
html.zz-modal-open body{
  overflow:hidden !important;
}
.zz-page .zz-gift-color-modal[hidden]{
  display:none !important;
}
.zz-page .zz-gift-color-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:20px;
}
.zz-page .zz-gift-color-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(20,8,24,.58);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.zz-page .zz-gift-color-modal__dialog{
  position:relative;
  z-index:2;
  width:min(520px,100%);
  padding:30px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:24px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 5%,rgba(217,169,226,.17),transparent 28%),
    linear-gradient(145deg,#3c1c45,#28142f);
  box-shadow:0 32px 100px rgba(13,4,16,.40);
}
.zz-page .zz-gift-color-modal__close{
  position:absolute;
  right:13px;
  top:13px;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  color:#fff;
  background:rgba(255,255,255,.06);
  font-size:20px;
  cursor:pointer;
}
.zz-page .zz-gift-color-modal__eyebrow{
  color:#e4ca80;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
}
.zz-page .zz-gift-color-modal h4{
  margin:8px 0 10px !important;
  color:#fff !important;
  font-family:var(--title-font);
  font-size:30px !important;
  line-height:1.05;
}
.zz-page .zz-gift-color-modal p{
  margin:0 !important;
  color:rgba(255,255,255,.66) !important;
  font-size:12px !important;
  line-height:1.6 !important;
}
.zz-page .zz-gift-color-swatches{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.zz-page .zz-gift-color-swatches button{
  min-height:94px;
  padding:12px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  color:#fff;
  background:rgba(255,255,255,.05);
  cursor:pointer;
  transition:.18s ease;
}
.zz-page .zz-gift-color-swatches button:hover,
.zz-page .zz-gift-color-swatches button.is-selected{
  transform:translateY(-3px);
  border-color:rgba(231,205,129,.55);
  background:rgba(255,255,255,.10);
  box-shadow:0 0 0 3px rgba(231,205,129,.09);
}
.zz-page .zz-gift-color-swatches i{
  width:38px;
  height:38px;
  display:block;
  border-radius:12px;
  border:3px solid rgba(255,255,255,.72);
  box-shadow:0 7px 18px rgba(0,0,0,.20);
}
.zz-page .zz-gift-color-swatches i.is-blue{background:#6e91b3}
.zz-page .zz-gift-color-swatches i.is-green{background:#8ca681}
.zz-page .zz-gift-color-swatches i.is-pink{background:#d7a0b7}
.zz-page .zz-gift-color-swatches span{
  font-size:10px;
  font-weight:800;
}
.zz-page .zz-gift-color-modal__hint{
  display:block;
  margin-top:14px;
  color:rgba(255,255,255,.36);
  font-size:8px;
  line-height:1.45;
}

/* Christmas campaign now belongs to Astro Explorer */
.zz-page .zz-explorer-shell > .zz-xmas-explorer-banner{
  margin:0 0 26px !important;
}
.zz-page .zz-explorer-shell > .zz-xmas-explorer-banner .zz-xmas-bottom-banner__content{
  padding-right:40px !important;
}

/* More compact birthday section */
.zz-page .zz-birthday-gift{
  padding:20px 24px !important;
  gap:24px !important;
  grid-template-columns:minmax(300px,.9fr) minmax(400px,1.1fr) !important;
}
.zz-page .zz-birthday-gift h4{
  margin:6px 0 7px !important;
  font-size:clamp(24px,2.25vw,32px) !important;
}
.zz-page .zz-birthday-gift__intro p{
  font-size:11px !important;
  line-height:1.55 !important;
}
.zz-page .zz-birthday-gift__form{
  padding:14px 16px !important;
}
.zz-page #zz-birthdate{
  min-height:45px !important;
}
.zz-page .zz-marketing-consent{
  margin-top:10px !important;
}
.zz-page .zz-marketing-consent small{
  line-height:1.35 !important;
}

/* Correct engraving price emphasis */
.zz-page .zz-order-summary-line small{
  font-weight:600;
}

@media(max-width:700px){
  .zz-page .zz-engraving-product-card{
    min-height:430px !important;
  }
  .zz-page .zz-engraving-product-copy h4{
    height:3.75em !important;
    min-height:3.75em !important;
  }
  .zz-page .zz-chip-bundle{
    grid-template-columns:1fr !important;
  }
  .zz-page .zz-gift-color-modal__dialog{
    padding:26px 17px 20px;
    border-radius:20px;
  }
  .zz-page .zz-gift-color-modal h4{
    font-size:25px !important;
    padding-right:34px;
  }
  .zz-page .zz-gift-color-swatches{
    gap:7px;
  }
  .zz-page .zz-gift-color-swatches button{
    min-height:86px;
  }
  .zz-page .zz-birthday-gift{
    grid-template-columns:1fr !important;
    padding:17px !important;
    gap:14px !important;
  }
}


/* =========================================================
   v45 — CHIP / MODAL / SUMMARY BUGFIX + VISUAL POLISH
   ========================================================= */

/* Critical: author CSS had display:flex on every totals row, which overrode
   the native hidden attribute. Hidden rows must really disappear. */
.zz-page .zz-order-summary-totals > div[hidden],
.zz-page .zz-order-chip-row[hidden],
.zz-page .zz-order-gift-row[hidden],
.zz-page .zz-order-coaster-row[hidden]{
  display:none !important;
}

/* ---------------------------------------------------------
   CHIP BUNDLE — one full-width background image.
   The image is the entire card; only the RIGHT side gets
   a dark readability overlay for the copy.
   --------------------------------------------------------- */
.zz-page .zz-chip-bundle{
  position:relative !important;
  isolation:isolate !important;
  display:block !important;
  min-height:250px !important;
  background:
    url("https://zisano.at/wp-content/uploads/2026/08/chip_banner_ribbon.webp")
    center center / cover no-repeat !important;
}

.zz-page .zz-chip-bundle::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(39,19,44,0) 0%,
      rgba(39,19,44,.04) 38%,
      rgba(39,19,44,.63) 58%,
      rgba(34,15,40,.91) 76%,
      rgba(30,12,36,.97) 100%
    );
}

.zz-page .zz-chip-bundle__media{
  display:none !important;
}

.zz-page .zz-chip-bundle__content{
  position:relative !important;
  z-index:3 !important;
  width:52% !important;
  min-height:250px !important;
  margin-left:auto !important;
  padding:27px 30px !important;
  background:none !important;
}

.zz-page .zz-chip-bundle:not(.is-ready){
  opacity:.72 !important;
}

.zz-page .zz-chip-bundle.is-ready{
  opacity:1 !important;
}

/* CTA-like chip selector */
.zz-page .zz-chip-bundle__meta{
  margin-top:17px !important;
  align-items:center !important;
  gap:18px !important;
}

.zz-page #zz-chip-toggle{
  min-width:230px !important;
  min-height:52px !important;
  padding:0 20px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:14px !important;
  color:#3b243f !important;
  background:
    linear-gradient(135deg,#f5e5a8 0%,#dfc576 55%,#cbaa58 100%) !important;
  box-shadow:
    0 12px 28px rgba(10,4,13,.24),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

.zz-page #zz-chip-toggle:hover:not(:disabled){
  transform:translateY(-2px) !important;
  filter:brightness(1.04);
}

.zz-page #zz-chip-toggle:disabled{
  color:rgba(57,34,61,.58) !important;
  background:linear-gradient(135deg,#ddcf9f,#c7b678) !important;
  opacity:.58 !important;
}

.zz-page .zz-chip-toggle-check{
  width:25px !important;
  height:25px !important;
  border-radius:8px !important;
  border:1px solid rgba(67,39,69,.27) !important;
  color:transparent !important;
  background:rgba(255,255,255,.44) !important;
}

.zz-page #zz-chip-toggle.is-selected{
  color:#fff !important;
  border-color:#f1daa0 !important;
  background:
    linear-gradient(135deg,#8c4c91,#612e67) !important;
  box-shadow:
    0 0 0 4px rgba(231,205,129,.13),
    0 14px 34px rgba(14,5,18,.27) !important;
}

.zz-page #zz-chip-toggle.is-selected .zz-chip-toggle-check{
  color:#3c233f !important;
  background:#f0dc99 !important;
  border-color:#f0dc99 !important;
}

/* ---------------------------------------------------------
   SMALLER + LIGHTER BOTELO COLOR MODAL
   --------------------------------------------------------- */
.zz-page .zz-gift-color-modal{
  padding:16px !important;
}

.zz-page .zz-gift-color-modal__backdrop{
  background:rgba(24,10,29,.50) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}

.zz-page .zz-gift-color-modal__dialog{
  width:min(410px,calc(100% - 24px)) !important;
  padding:23px 22px 19px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,255,255,.19) !important;
  background:
    radial-gradient(circle at 90% 0,rgba(255,255,255,.13),transparent 31%),
    linear-gradient(145deg,#754579 0%,#613665 48%,#4b2852 100%) !important;
  box-shadow:0 24px 75px rgba(23,8,27,.32) !important;
}

.zz-page .zz-gift-color-modal__close{
  right:11px !important;
  top:11px !important;
  width:30px !important;
  height:30px !important;
  background:rgba(255,255,255,.10) !important;
  font-size:18px !important;
}

.zz-page .zz-gift-color-modal h4{
  margin:6px 34px 7px 0 !important;
  font-size:24px !important;
}

.zz-page .zz-gift-color-modal p{
  font-size:10px !important;
  line-height:1.5 !important;
}

.zz-page .zz-gift-color-swatches{
  margin-top:16px !important;
  gap:8px !important;
}

.zz-page .zz-gift-color-swatches button{
  min-height:76px !important;
  padding:9px 6px !important;
  border-radius:13px !important;
}

.zz-page .zz-gift-color-swatches i{
  width:31px !important;
  height:31px !important;
  border-radius:10px !important;
  border-width:2px !important;
}

.zz-page .zz-gift-color-swatches span{
  font-size:9px !important;
}

.zz-page .zz-gift-color-modal__hint{
  margin-top:10px !important;
  font-size:7px !important;
}

/* Make selected color very obvious */
.zz-page .zz-gift-color-swatches button.is-selected{
  border-color:#f0d88f !important;
  background:rgba(255,255,255,.17) !important;
  box-shadow:
    0 0 0 3px rgba(240,216,143,.15),
    0 8px 20px rgba(25,8,29,.14) !important;
}

@media(max-width:700px){
  .zz-page .zz-chip-bundle{
    min-height:390px !important;
    background-position:32% center !important;
  }

  .zz-page .zz-chip-bundle::before{
    background:
      linear-gradient(
        180deg,
        rgba(35,16,40,.04) 0%,
        rgba(35,16,40,.16) 36%,
        rgba(35,16,40,.82) 60%,
        rgba(31,13,36,.98) 100%
      ) !important;
  }

  .zz-page .zz-chip-bundle__content{
    width:100% !important;
    min-height:390px !important;
    justify-content:flex-end !important;
    padding:155px 17px 18px !important;
  }

  .zz-page .zz-chip-bundle__meta{
    align-items:stretch !important;
  }

  .zz-page #zz-chip-toggle{
    min-width:0 !important;
    width:100% !important;
  }

  .zz-page .zz-gift-color-modal__dialog{
    width:min(370px,calc(100% - 18px)) !important;
    padding:21px 15px 17px !important;
  }
}


/* =========================================================
   v46 — TYPOGRAPHY + PREMIUM COLOR MODAL + STRONGER CHIP CTA
   ========================================================= */

/* ---------------------------------------------------------
   GLOBAL SUPPORTING TYPOGRAPHY
   Slightly larger non-title text without breaking layout.
   --------------------------------------------------------- */
.zz-page p,
.zz-page small,
.zz-page label,
.zz-page .micro-label,
.zz-page .zz-product-choice__note,
.zz-page .zz-order-summary-note,
.zz-page .zz-birthdate-help,
.zz-page .zz-marketing-consent strong,
.zz-page .zz-marketing-consent small{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Body copy in the purchase flow */
.zz-page .zz-chip-bundle p,
.zz-page .zz-birthday-gift__intro p{
  font-size:14px !important;
  line-height:1.6 !important;
}

.zz-page .zz-chip-bundle__eyebrow,
.zz-page .zz-birthday-step,
.zz-page .zz-order-summary-card .micro-label{
  font-size:10px !important;
  letter-spacing:.13em !important;
}

.zz-page .zz-chip-bundle__gift small{
  font-size:9px !important;
}

.zz-page .zz-chip-bundle__gift strong{
  font-size:14px !important;
  line-height:1.3 !important;
}

.zz-page .zz-chip-bundle__gift span:last-child{
  font-size:11px !important;
  line-height:1.4 !important;
}

.zz-page .zz-chip-bundle__meta > span{
  font-size:12px !important;
  line-height:1.4 !important;
}

/* Birthday block readability */
.zz-page .zz-birthday-gift__form > label:first-child{
  font-size:13px !important;
  line-height:1.3 !important;
}

.zz-page .zz-birthdate-help{
  margin-top:8px !important;
  font-size:11px !important;
  line-height:1.5 !important;
}

.zz-page .zz-marketing-consent strong{
  font-size:12px !important;
  line-height:1.35 !important;
}

.zz-page .zz-marketing-consent small{
  font-size:10px !important;
  line-height:1.48 !important;
}

.zz-page .zz-birthday-status{
  font-size:10px !important;
}

/* Order summary readability */
.zz-page .zz-order-summary-line strong{
  font-size:15px !important;
  line-height:1.3 !important;
}

.zz-page .zz-order-summary-line span{
  font-size:14px !important;
}

.zz-page .zz-order-summary-line small{
  font-size:11px !important;
  line-height:1.4 !important;
}

.zz-page .zz-order-summary-totals > div{
  font-size:13px !important;
  line-height:1.45 !important;
}

.zz-page .zz-order-summary-note{
  font-size:10px !important;
  line-height:1.5 !important;
}

/* Product-card supporting text */
.zz-page .zz-product-colors span,
.zz-page .zz-product-colors__placeholder{
  font-size:9px !important;
}

.zz-page .zz-product-cart,
.zz-page .zz-product-link,
.zz-page .zz-product-select{
  font-size:10px !important;
}


/* ---------------------------------------------------------
   BIGGER CHIP CTA
   --------------------------------------------------------- */
.zz-page #zz-chip-toggle{
  min-width:275px !important;
  min-height:60px !important;
  padding:0 26px !important;
  border-radius:16px !important;
  font-size:13px !important;
  letter-spacing:.005em !important;
}

.zz-page .zz-chip-toggle-check{
  width:29px !important;
  height:29px !important;
  border-radius:9px !important;
  font-size:13px !important;
}

.zz-page .zz-chip-bundle__meta{
  gap:22px !important;
}


/* ---------------------------------------------------------
   PREMIUM BOTELO COLOR MODAL
   White + gold + purple, softer and more polished.
   --------------------------------------------------------- */
.zz-page .zz-gift-color-modal{
  opacity:0;
  visibility:hidden;
  transition:
    opacity .28s cubic-bezier(.22,.61,.36,1),
    visibility .28s step-end;
}

.zz-page .zz-gift-color-modal:not([hidden]){
  opacity:1;
  visibility:visible;
  transition:
    opacity .28s cubic-bezier(.22,.61,.36,1),
    visibility 0s step-start;
}

.zz-page .zz-gift-color-modal__backdrop{
  opacity:0;
  transition:opacity .30s ease;
  background:rgba(26,10,31,.46) !important;
  backdrop-filter:blur(7px) saturate(.92) !important;
  -webkit-backdrop-filter:blur(7px) saturate(.92) !important;
}

.zz-page .zz-gift-color-modal:not([hidden]) .zz-gift-color-modal__backdrop{
  opacity:1;
}

.zz-page .zz-gift-color-modal__dialog{
  width:min(395px,calc(100% - 26px)) !important;
  padding:25px 24px 21px !important;
  border-radius:22px !important;

  color:#4c334f !important;
  border:1px solid rgba(126,71,127,.12) !important;
  background:
    radial-gradient(circle at 90% 0%,rgba(210,177,216,.28),transparent 31%),
    linear-gradient(145deg,#fffefd 0%,#fbf6fa 50%,#f3e7f2 100%) !important;

  box-shadow:
    0 30px 90px rgba(35,14,40,.28),
    0 0 0 1px rgba(255,255,255,.72) inset !important;

  transform:translateY(14px) scale(.965);
  opacity:0;
  transition:
    transform .34s cubic-bezier(.16,1,.3,1),
    opacity .24s ease;
}

.zz-page .zz-gift-color-modal:not([hidden]) .zz-gift-color-modal__dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.zz-page .zz-gift-color-modal__dialog::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,#d6ba69 22%,#efd990 50%,#d6ba69 78%,transparent);
}

.zz-page .zz-gift-color-modal__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#9a7840 !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}

.zz-page .zz-gift-color-modal__eyebrow::before{
  content:"✦";
  color:#c9a958;
  font-size:10px;
}

.zz-page .zz-gift-color-modal h4{
  margin:7px 36px 8px 0 !important;
  color:#56325a !important;
  font-family:var(--title-font);
  font-size:25px !important;
  line-height:1.08 !important;
  letter-spacing:-.025em !important;
}

.zz-page .zz-gift-color-modal p{
  margin:0 !important;
  color:#756678 !important;
  font-size:11px !important;
  line-height:1.55 !important;
}

.zz-page .zz-gift-color-modal p strong{
  color:#5a365d !important;
}

/* Close button: elegant round ivory/gold control */
.zz-page .zz-gift-color-modal__close{
  right:13px !important;
  top:13px !important;
  width:31px !important;
  height:31px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;

  color:#68426b !important;
  border:1px solid rgba(171,135,66,.22) !important;
  border-radius:50% !important;
  background:
    linear-gradient(145deg,#fffef9,#f3e7c8) !important;

  box-shadow:
    0 6px 16px rgba(62,34,65,.10),
    inset 0 1px 0 rgba(255,255,255,.9) !important;

  font-family:Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1 !important;
  cursor:pointer !important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease !important;
}

.zz-page .zz-gift-color-modal__close:hover{
  transform:rotate(90deg) scale(1.04) !important;
  background:#fff !important;
  box-shadow:
    0 8px 20px rgba(62,34,65,.14),
    0 0 0 3px rgba(213,187,112,.10) !important;
}

/* Premium swatch cards */
.zz-page .zz-gift-color-swatches{
  margin-top:18px !important;
  gap:9px !important;
}

.zz-page .zz-gift-color-swatches button{
  position:relative;
  min-height:88px !important;
  padding:11px 8px 10px !important;
  gap:8px !important;

  color:#624c65 !important;
  border:1px solid rgba(116,69,116,.10) !important;
  border-radius:15px !important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,239,246,.92)) !important;

  box-shadow:
    0 6px 17px rgba(69,38,72,.055),
    inset 0 1px 0 rgba(255,255,255,.8) !important;

  transform:none !important;
  transition:
    transform .20s cubic-bezier(.2,.8,.2,1),
    border-color .20s ease,
    box-shadow .20s ease,
    background .20s ease !important;
}

.zz-page .zz-gift-color-swatches button:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(191,155,75,.32) !important;
  background:#fff !important;
  box-shadow:
    0 10px 24px rgba(69,38,72,.09),
    0 0 0 3px rgba(217,190,113,.08) !important;
}

.zz-page .zz-gift-color-swatches button.is-selected{
  transform:translateY(-3px) !important;
  border-color:#d0ad5e !important;
  background:
    linear-gradient(145deg,#fffdf7,#f8efd8) !important;
  box-shadow:
    0 12px 26px rgba(69,38,72,.10),
    0 0 0 3px rgba(213,181,96,.13) !important;
}

.zz-page .zz-gift-color-swatches button.is-selected::after{
  content:"✓";
  position:absolute;
  right:7px;
  top:7px;
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,#7f4b84,#5a315f);
  font-size:9px;
  font-weight:900;
  box-shadow:0 4px 10px rgba(61,31,64,.16);
}

.zz-page .zz-gift-color-swatches i{
  width:34px !important;
  height:34px !important;
  border-radius:11px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:
    0 0 0 1px rgba(78,51,80,.10),
    0 7px 15px rgba(55,31,58,.12) !important;
}

.zz-page .zz-gift-color-swatches i.is-blue{
  background:linear-gradient(145deg,#9abbd5,#6f97b6) !important;
}
.zz-page .zz-gift-color-swatches i.is-green{
  background:linear-gradient(145deg,#b6c9a5,#8fa978) !important;
}
.zz-page .zz-gift-color-swatches i.is-pink{
  background:linear-gradient(145deg,#e6c1cf,#ce9daf) !important;
}

.zz-page .zz-gift-color-swatches span{
  color:#5d475f !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.zz-page .zz-gift-color-modal__hint{
  margin-top:12px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(109,67,110,.08) !important;
  color:#968799 !important;
  font-size:8.5px !important;
  line-height:1.45 !important;
}


/* ---------------------------------------------------------
   Responsive typography
   --------------------------------------------------------- */
@media(max-width:700px){
  .zz-page .zz-chip-bundle p,
  .zz-page .zz-birthday-gift__intro p{
    font-size:13px !important;
  }

  .zz-page .zz-birthdate-help{
    font-size:10px !important;
  }

  .zz-page .zz-marketing-consent strong{
    font-size:11px !important;
  }

  .zz-page .zz-marketing-consent small{
    font-size:9.5px !important;
  }

  .zz-page #zz-chip-toggle{
    min-height:58px !important;
    font-size:12px !important;
  }

  .zz-page .zz-gift-color-modal__dialog{
    width:min(360px,calc(100% - 16px)) !important;
    padding:23px 15px 18px !important;
  }

  .zz-page .zz-gift-color-modal h4{
    font-size:23px !important;
  }

  .zz-page .zz-gift-color-swatches button{
    min-height:82px !important;
  }

  .zz-page .zz-gift-color-swatches span{
    font-size:10px !important;
  }
}



/* =========================================================
   v43 — MOBILE PERSONALISIERUNG + PRODUCT CARDS
   iPhone / Android cleanup
   ========================================================= */

@media (max-width:700px){

  /* ---------------------------------------------------------
     PERSONALISIERUNG INTRO
     Center eyebrow + headline copy on mobile
  --------------------------------------------------------- */

  .zz-page .zz-personal-copy,
  .zz-page .zz-personal-copy.zz-xmas-story__copy{
    text-align:center !important;
    align-items:center !important;
  }

  .zz-page .zz-personal-copy .micro-label,
  .zz-page .zz-personal-copy .zz-campaign-label,
  .zz-page .zz-personal-copy.zz-xmas-story__copy .micro-label,
  .zz-page .zz-personal-copy.zz-xmas-story__copy .zz-campaign-label{
    width:max-content !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .zz-page .zz-personal-copy h2,
  .zz-page .zz-personal-copy.zz-xmas-story__copy h2{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-wrap:balance;
  }

  .zz-page .zz-personal-copy > p,
  .zz-page .zz-personal-copy.zz-xmas-story__copy > p{
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-wrap:pretty;
  }

  /* ---------------------------------------------------------
     PRODUCT SLIDER
     One clean card per viewport + more spacing
  --------------------------------------------------------- */

  .zz-page .zz-product-slider-shell{
    grid-template-columns:32px minmax(0,1fr) 32px !important;
    gap:10px !important;
    align-items:center !important;
  }

  .zz-page .zz-product-slider-shell .zz-engraving-product-track,
  .zz-page .zz-engraving-product-track{
    grid-auto-columns:100% !important;
    gap:24px !important;

    width:100% !important;
    min-width:0 !important;

    padding:8px 2px 16px !important;

    scroll-padding-inline:0 !important;
    scroll-snap-type:x mandatory !important;
    overscroll-behavior-x:contain !important;
  }

  .zz-page .zz-engraving-product-card{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    min-height:0 !important;
    height:auto !important;

    margin:0 !important;

    scroll-snap-align:center !important;
    scroll-snap-stop:always !important;

    border-radius:20px !important;
  }

  /* ---------------------------------------------------------
     PRODUCT IMAGE
     Taller image on mobile
  --------------------------------------------------------- */

  .zz-page .zz-engraving-product-media{
    height:230px !important;

    margin:10px 10px 0 !important;

    border-radius:17px !important;

    background:#f6f2f5 !important;
  }

  .zz-page .zz-engraving-product-media img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center !important;

    padding:0 !important;

    border-radius:17px !important;
  }

  /* no category / GRAVIERBAR pill above product image */
  .zz-page .zz-engraving-product-badge{
    display:none !important;
  }

  /* ---------------------------------------------------------
     PRODUCT CONTENT
  --------------------------------------------------------- */

  .zz-page .zz-engraving-product-copy{
    padding:19px 18px 20px !important;
  }

  .zz-page .zz-engraving-product-copy h4{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:0 0 10px !important;

    display:block !important;
    overflow:visible !important;

    color:#3b303e !important;

    font-size:20px !important;
    font-weight:650 !important;
    line-height:1.24 !important;
    letter-spacing:-.025em !important;
  }

  /* Price = major visual element on mobile */
  .zz-page .zz-engraving-product-price{
    position:relative !important;

    width:max-content !important;

    margin:4px 0 18px !important;
    padding:7px 12px 8px !important;

    color:#7f2b88 !important;

    background:
      linear-gradient(
        135deg,
        rgba(151,56,164,.10),
        rgba(199,116,193,.06)
      ) !important;

    border:1px solid rgba(151,56,164,.12) !important;
    border-radius:13px !important;

    font-family:var(--title-font) !important;
    font-size:30px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:-.045em !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.82),
      0 8px 20px rgba(111,37,119,.07) !important;
  }

  /* Hide empty "Direkt auswählbar" area too */
  .zz-page .zz-product-colors:has(.zz-product-colors__placeholder),
  .zz-page .zz-product-colors__placeholder{
    display:none !important;
  }

  .zz-page .zz-product-colors{
    min-height:0 !important;
    margin:0 !important;
  }

  .zz-page .zz-product-select,
  .zz-page .zz-product-cart,
  .zz-page .zz-product-link{
    min-height:52px !important;

    padding:0 16px !important;

    border-radius:13px !important;

    font-size:14px !important;
    font-weight:750 !important;
  }

  .zz-page .zz-product-cart,
  .zz-page .zz-product-link{
    margin-top:10px !important;
  }

  /* More breathing room around arrows */
  .zz-page .zz-product-slider-arrow{
    width:32px !important;
    min-width:32px !important;
    max-width:32px !important;

    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;

    border-radius:13px !important;
  }
}


@media (max-width:430px){

  .zz-page .zz-product-slider-shell{
    grid-template-columns:30px minmax(0,1fr) 30px !important;
    gap:8px !important;
  }

  .zz-page .zz-product-slider-shell .zz-engraving-product-track,
  .zz-page .zz-engraving-product-track{
    gap:22px !important;
  }

  .zz-page .zz-engraving-product-media{
    height:215px !important;
  }

  .zz-page .zz-engraving-product-copy{
    padding:17px 16px 18px !important;
  }

  .zz-page .zz-engraving-product-copy h4{
    font-size:19px !important;
  }

  .zz-page .zz-engraving-product-price{
    font-size:29px !important;
  }
}



/* =========================================================
   v44 — MOBILE PERSONAL INTRO HARD CENTER FIX
========================================================= */
@media (max-width:700px){

  .zz-page .zz-personal-hero .zz-personal-copy,
  .zz-page .zz-personal-hero.zz-xmas-story .zz-xmas-story__copy,
  .zz-page .zz-personal-copy.zz-xmas-story__copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  .zz-page .zz-personal-hero .zz-personal-copy > .eyebrow,
  .zz-page .zz-personal-hero .zz-personal-copy > .micro-label,
  .zz-page .zz-personal-hero .zz-personal-copy > .zz-campaign-label,
  .zz-page .zz-xmas-story__copy > .eyebrow,
  .zz-page .zz-xmas-story__copy > .micro-label,
  .zz-page .zz-xmas-story__copy > .zz-campaign-label{
    display:flex !important;
    width:fit-content !important;
    max-width:100% !important;
    align-self:center !important;
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }

  .zz-page .zz-personal-hero .zz-personal-copy > h2,
  .zz-page .zz-xmas-story__copy > h2{
    width:100% !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
    text-wrap:balance;
  }

  .zz-page .zz-personal-hero .zz-personal-copy > p,
  .zz-page .zz-xmas-story__copy > p{
    width:100% !important;
    max-width:620px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:center !important;
  }
}



/* =========================================================
   v45 — MOBILE PRODUCT PRICE: LARGE + CENTERED
========================================================= */
@media (max-width:700px){

  .zz-page .zz-engraving-product-price{
    width:100% !important;
    max-width:none !important;

    margin:18px 0 28px !important;
    padding:18px 14px 20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;

    color:#7a2784 !important;

    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(199,116,193,.12),
        transparent 60%
      ),
      linear-gradient(
        145deg,
        rgba(151,56,164,.10),
        rgba(255,255,255,.64)
      ) !important;

    border:1px solid rgba(151,56,164,.14) !important;
    border-radius:18px !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.90),
      0 12px 28px rgba(111,37,119,.08) !important;

    font-family:var(--title-font) !important;
    font-size:clamp(42px,12vw,58px) !important;
    font-weight:800 !important;
    line-height:.95 !important;
    letter-spacing:-.055em !important;
  }

  .zz-page .zz-engraving-product-price del{
    margin-right:12px !important;

    color:#9b8fa0 !important;

    font-size:.48em !important;
    font-weight:600 !important;

    opacity:.72 !important;
  }

  .zz-page .zz-engraving-product-price span{
    display:inline-block !important;
  }
}

@media (max-width:430px){

  .zz-page .zz-engraving-product-price{
    margin-top:16px !important;
    margin-bottom:26px !important;

    padding:17px 12px 19px !important;

    font-size:clamp(40px,12.4vw,52px) !important;
  }
}



/* =========================================================
   v46 — MOBILE: COMPACT PRODUCT CARD + CENTERED HERO COPY
========================================================= */
@media (max-width:700px){

  /* ---------------------------------------------------------
     MAIN ZODIAC HERO COPY — truly centered on mobile
  --------------------------------------------------------- */
  .zz-page .hero-grid > div:first-child{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
  }

  .zz-page .hero-grid > div:first-child .eyebrow,
  .zz-page .hero-grid .eyebrow{
    width:fit-content !important;
    max-width:calc(100% - 12px) !important;

    margin-left:auto !important;
    margin-right:auto !important;

    align-self:center !important;
    justify-content:center !important;

    text-align:center !important;
  }

  .zz-page .hero-grid > div:first-child .zz-hero-title,
  .zz-page .hero-grid > div:first-child h1{
    width:100% !important;
    max-width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }

  .zz-page .hero-grid > div:first-child .zz-hero-title__line{
    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }

  .zz-page .hero-grid > div:first-child .lead,
  .zz-page .hero-grid .lead{
    width:100% !important;
    max-width:600px !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
    text-wrap:pretty;
  }

  .zz-page .hero-grid > div:first-child .hero-actions{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }


  /* ---------------------------------------------------------
     PERSONALIZATION INTRO COPY — also force center
  --------------------------------------------------------- */
  .zz-page .zz-personal-copy,
  .zz-page .zz-personal-copy.zz-xmas-story__copy{
    text-align:center !important;
    align-items:center !important;
  }

  .zz-page .zz-personal-copy .eyebrow,
  .zz-page .zz-personal-copy .micro-label,
  .zz-page .zz-personal-copy .zz-campaign-label,
  .zz-page .zz-personal-copy.zz-xmas-story__copy .eyebrow,
  .zz-page .zz-personal-copy.zz-xmas-story__copy .micro-label,
  .zz-page .zz-personal-copy.zz-xmas-story__copy .zz-campaign-label{
    width:fit-content !important;

    margin-left:auto !important;
    margin-right:auto !important;

    align-self:center !important;
    justify-content:center !important;

    text-align:center !important;
  }

  .zz-page .zz-personal-copy h2,
  .zz-page .zz-personal-copy > p,
  .zz-page .zz-personal-copy.zz-xmas-story__copy h2,
  .zz-page .zz-personal-copy.zz-xmas-story__copy > p{
    width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;

    text-align:center !important;
  }


  /* ---------------------------------------------------------
     PRODUCT CARD — remove the artificial empty vertical space
  --------------------------------------------------------- */
  .zz-page .zz-engraving-product-track{
    align-items:start !important;
  }

  .zz-page .zz-engraving-product-card{
    align-self:start !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }

  .zz-page .zz-engraving-product-copy{
    display:flex !important;
    flex-direction:column !important;

    flex:0 0 auto !important;

    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    padding-bottom:18px !important;
  }

  .zz-page .zz-engraving-product-copy h4{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin-bottom:12px !important;

    display:block !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
  }

  .zz-page .zz-product-colors{
    min-height:0 !important;
  }

  /* This was the main reason for the huge blank gap */
  .zz-page .zz-product-select{
    margin-top:18px !important;
  }

  .zz-page .zz-product-cart,
  .zz-page .zz-product-link{
    margin-top:10px !important;
  }

  /* keep the large centered price, but reduce excess spacing */
  .zz-page .zz-engraving-product-price{
    margin-top:12px !important;
    margin-bottom:18px !important;
  }
}

@media (max-width:430px){

  .zz-page .zz-product-select{
    margin-top:15px !important;
  }

  .zz-page .zz-engraving-product-price{
    margin-top:10px !important;
    margin-bottom:16px !important;
  }
}



/* =========================================================
   v47 — MOBILE PERSONALIZATION WIDTH + CHIP READABILITY
   - remove light outer wrapper feel
   - use dark purple as the mobile section surface
   - reclaim horizontal space
   - stronger mobile overlay on Chip Bundle image
========================================================= */
@media (max-width:700px){

  /* ---------------------------------------------------------
     PERSONALIZATION OUTER WORLD
     Dark purple goes edge-to-edge on mobile.
  --------------------------------------------------------- */
  .zz-page .zz-personal-section{
    width:100% !important;

    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;

    background:
      radial-gradient(
        circle at 92% 4%,
        rgba(164,82,174,.16),
        transparent 26%
      ),
      linear-gradient(
        180deg,
        #4a2853 0%,
        #38203f 48%,
        #2b1832 100%
      ) !important;
  }

  .zz-page .zz-personal-section::before,
  .zz-page .zz-personal-section::after{
    background:transparent !important;
  }

  /*
    Almost full-width content.
    Only 4px breathing room per side remains.
  */
  .zz-page .zz-personal-section > .container{
    width:calc(100% - 8px) !important;
    max-width:none !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding-left:0 !important;
    padding-right:0 !important;

    background:transparent !important;
  }

  .zz-page .zz-personal-shell,
  .zz-page .zz-personal-builder{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding-left:0 !important;
    padding-right:0 !important;

    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  /*
    Main dark content blocks can use nearly the full phone width.
    Reduce wrapper-on-wrapper padding.
  */
  .zz-page .zz-config-main-card .zz-builder-card,
  .zz-page .zz-live-config-panel,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding-left:14px !important;
    padding-right:14px !important;

    border-radius:20px !important;
  }

  .zz-page .zz-product-choice{
    margin-top:18px !important;
  }

  .zz-page .zz-order-flow{
    width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;

    border-radius:18px !important;
  }


  /* ---------------------------------------------------------
     CHIP BUNDLE
     Readability overlay across the WHOLE image on mobile.
     Still keeps the image visible.
  --------------------------------------------------------- */
  .zz-page .zz-chip-bundle{
    width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;

    border-radius:20px !important;

    background-position:center center !important;
  }

  .zz-page .zz-chip-bundle::before{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:1 !important;

    background:
      linear-gradient(
        180deg,
        rgba(47,20,54,.28) 0%,
        rgba(47,20,54,.34) 30%,
        rgba(46,18,53,.52) 54%,
        rgba(40,15,47,.82) 76%,
        rgba(31,11,37,.97) 100%
      ) !important;

    pointer-events:none !important;
  }

  .zz-page .zz-chip-bundle__content{
    position:relative !important;
    z-index:3 !important;

    width:100% !important;

    padding-left:18px !important;
    padding-right:18px !important;
  }

  .zz-page .zz-chip-bundle__eyebrow{
    color:#efd487 !important;

    text-shadow:
      0 2px 12px rgba(21,7,25,.55) !important;
  }

  .zz-page .zz-chip-bundle h4{
    color:#fff !important;

    text-shadow:
      0 3px 18px rgba(20,6,24,.62) !important;
  }

  .zz-page .zz-chip-bundle p{
    color:rgba(255,255,255,.88) !important;

    text-shadow:
      0 2px 12px rgba(19,6,23,.55) !important;
  }

  .zz-page .zz-chip-bundle p strong{
    color:#fff !important;
  }

  .zz-page .zz-chip-bundle__gift{
    background:
      rgba(48,19,55,.58) !important;

    border-color:
      rgba(255,255,255,.13) !important;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
  }

  .zz-page .zz-chip-bundle__meta{
    color:#fff !important;
  }
}


@media (max-width:430px){

  .zz-page .zz-personal-section > .container{
    width:calc(100% - 6px) !important;
  }

  .zz-page .zz-config-main-card .zz-builder-card,
  .zz-page .zz-live-config-panel,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .zz-page .zz-chip-bundle__content{
    padding-left:16px !important;
    padding-right:16px !important;
  }
}



/* =========================================================
   v48 — GLOBAL MOBILE WRAPPER SYSTEM
   Same near-full-width mobile treatment across the WHOLE page
========================================================= */
@media (max-width:700px){

  /* ---------------------------------------------------------
     GLOBAL PAGE / SECTION WIDTH
  --------------------------------------------------------- */
  .zz-page{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .zz-page section,
  .zz-page .finder,
  .zz-page .zz-tool-panel,
  .zz-page .zz-personal-section,
  .zz-page .zz-edition-world,
  .zz-page .zz-process-section,
  .zz-page .zz-campaign-banner{
    width:100% !important;
    max-width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* ---------------------------------------------------------
     ALL GENERIC CONTAINERS
     Desktop remains untouched; mobile becomes almost edge-to-edge.
  --------------------------------------------------------- */
  .zz-page > .container,
  .zz-page section > .container,
  .zz-page .finder > .container,
  .zz-page .zz-tool-panel > .container,
  .zz-page .hero > .container,
  .zz-page .zz-personal-section > .container{
    width:calc(100% - 8px) !important;
    max-width:none !important;

    margin-left:auto !important;
    margin-right:auto !important;

    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* ---------------------------------------------------------
     MAIN CONTENT WRAPPERS
     Remove unnecessary wrapper-inside-wrapper spacing.
  --------------------------------------------------------- */
  .zz-page .hero-grid,
  .zz-page .section-head,
  .zz-page .sign-grid,
  .zz-page .zz-hub-nav,
  .zz-page .zz-personal-shell,
  .zz-page .zz-personal-hero,
  .zz-page .zz-personal-builder,
  .zz-page .zz-builder-grid,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice,
  .zz-page .zz-edition-world,
  .zz-page .zz-edition-head,
  .zz-page .zz-edition-grid,
  .zz-page .zz-process-section,
  .zz-page .zz-process-copy,
  .zz-page .zz-process-steps,
  .zz-page .zz-campaign-banner{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* ---------------------------------------------------------
     LARGE VISUAL SURFACES
     Keep only one useful inner padding layer.
  --------------------------------------------------------- */
  .zz-page .zz-edition-world,
  .zz-page .zz-process-section,
  .zz-page .zz-campaign-banner{
    padding-left:14px !important;
    padding-right:14px !important;

    border-radius:20px !important;
  }

  .zz-page .finder{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .zz-page .section-head{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  /* ---------------------------------------------------------
     SIGN / ZODIAC CARDS
     Wider usable content on phone.
  --------------------------------------------------------- */
  .zz-page .sign-grid{
    gap:9px !important;
  }

  .zz-page .sign-card{
    width:100% !important;

    padding-left:13px !important;
    padding-right:13px !important;

    border-radius:16px !important;
  }

  /* ---------------------------------------------------------
     HUB / TOOL NAV
  --------------------------------------------------------- */
  .zz-page .zz-hub-nav{
    padding-left:4px !important;
    padding-right:4px !important;
  }

  /* ---------------------------------------------------------
     PERSONALIZATION — preserve dark edge-to-edge world
  --------------------------------------------------------- */
  .zz-page .zz-personal-section{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .zz-page .zz-personal-shell,
  .zz-page .zz-personal-builder{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  /* ---------------------------------------------------------
     CONFIG / PRODUCT / SUMMARY CARDS
  --------------------------------------------------------- */
  .zz-page .zz-config-main-card .zz-builder-card,
  .zz-page .zz-config-preview-card,
  .zz-page .zz-live-config-panel,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;

    padding-left:14px !important;
    padding-right:14px !important;
  }

  /* ---------------------------------------------------------
     EDITION / PROCESS CARDS
  --------------------------------------------------------- */
  .zz-page .zz-edition-card,
  .zz-page .zz-process-step{
    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* ---------------------------------------------------------
     REMOVE ACCIDENTAL MOBILE DOUBLE WRAPPER BACKGROUNDS
  --------------------------------------------------------- */
  .zz-page .zz-personal-shell,
  .zz-page .zz-builder-grid,
  .zz-page .zz-product-slider-shell{
    background:transparent !important;
    box-shadow:none !important;
  }
}


@media (max-width:430px){

  .zz-page > .container,
  .zz-page section > .container,
  .zz-page .finder > .container,
  .zz-page .zz-tool-panel > .container,
  .zz-page .hero > .container,
  .zz-page .zz-personal-section > .container{
    width:calc(100% - 6px) !important;
  }

  .zz-page .zz-edition-world,
  .zz-page .zz-process-section,
  .zz-page .zz-campaign-banner,
  .zz-page .zz-config-main-card .zz-builder-card,
  .zz-page .zz-config-preview-card,
  .zz-page .zz-live-config-panel,
  .zz-page .zz-builder-summary,
  .zz-page .zz-product-choice{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .zz-page .section-head{
    padding-left:8px !important;
    padding-right:8px !important;
  }
}



/* =========================================================
   v49 — MOBILE TARGET SELECTOR + CONFIRMATION TEXT CLEANUP
   - replace horizontal slider feel with clean 3-button selector
   - active target gets premium old-gold treatment
   - improve "Änderung noch richtig?" readability
========================================================= */
@media (max-width:700px){

  /* ---------------------------------------------------------
     TARGET SELECTOR: ARMBAND / ANHÄNGER / FLASCHE
  --------------------------------------------------------- */

  .zz-page .zz-target-selector,
  .zz-page .zz-target-tabs,
  .zz-page .zz-engraving-targets{
    width:100% !important;
    max-width:100% !important;

    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;

    gap:8px !important;

    margin:0 !important;
    padding:6px !important;

    overflow:visible !important;
    scroll-snap-type:none !important;

    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:18px !important;

    background:
      rgba(255,255,255,.055) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05) !important;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  .zz-page .zz-target-selector button,
  .zz-page .zz-target-tabs button,
  .zz-page .zz-engraving-targets button,
  .zz-page [data-engraving-target]{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    min-height:48px !important;

    margin:0 !important;
    padding:10px 8px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:13px !important;

    color:rgba(255,255,255,.74) !important;

    background:
      rgba(255,255,255,.06) !important;

    box-shadow:none !important;

    font-size:11px !important;
    font-weight:750 !important;
    line-height:1.1 !important;
    text-align:center !important;

    white-space:normal !important;

    transform:none !important;

    transition:
      background .22s ease,
      border-color .22s ease,
      color .22s ease,
      box-shadow .22s ease !important;
  }

  .zz-page .zz-target-selector button:hover,
  .zz-page .zz-target-tabs button:hover,
  .zz-page .zz-engraving-targets button:hover,
  .zz-page [data-engraving-target]:hover{
    transform:none !important;
  }

  /* Premium old-gold active state */
  .zz-page .zz-target-selector button.is-active,
  .zz-page .zz-target-tabs button.is-active,
  .zz-page .zz-engraving-targets button.is-active,
  .zz-page [data-engraving-target].is-active,
  .zz-page [data-engraving-target][aria-pressed="true"]{
    color:#3b2830 !important;

    border-color:
      rgba(228,192,111,.78) !important;

    background:
      linear-gradient(
        135deg,
        #f3df9e 0%,
        #d5ad58 48%,
        #b88738 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.62),
      0 8px 20px rgba(183,135,56,.22) !important;
  }

  .zz-page .zz-target-selector button.is-active::before,
  .zz-page .zz-target-tabs button.is-active::before,
  .zz-page .zz-engraving-targets button.is-active::before,
  .zz-page [data-engraving-target].is-active::before,
  .zz-page [data-engraving-target][aria-pressed="true"]::before{
    opacity:0 !important;
  }


  /* ---------------------------------------------------------
     "ÄNDERUNG NOCH RICHTIG?" / CONFIRMATION COPY
  --------------------------------------------------------- */

  .zz-page .zz-confirm-status,
  .zz-page .zz-confirm-copy,
  .zz-page .zz-change-confirm,
  .zz-page [data-confirm-status]{
    width:100% !important;
    max-width:100% !important;

    margin:10px 0 0 !important;
    padding:12px 14px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    border:1px solid rgba(230,197,126,.24) !important;
    border-radius:13px !important;

    color:#f1d68c !important;

    background:
      linear-gradient(
        135deg,
        rgba(185,150,93,.14),
        rgba(255,255,255,.045)
      ) !important;

    font-size:11px !important;
    font-weight:750 !important;
    line-height:1.35 !important;

    letter-spacing:.02em !important;
    text-align:center !important;

    white-space:normal !important;

    box-shadow:none !important;
  }

  .zz-page .zz-confirm-status::before,
  .zz-page .zz-confirm-copy::before,
  .zz-page .zz-change-confirm::before,
  .zz-page [data-confirm-status]::before{
    flex:0 0 7px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:#e5c36f !important;

    box-shadow:
      0 0 0 4px rgba(229,195,111,.08) !important;
  }
}


@media (max-width:430px){

  .zz-page .zz-target-selector,
  .zz-page .zz-target-tabs,
  .zz-page .zz-engraving-targets{
    gap:6px !important;
    padding:5px !important;
  }

  .zz-page .zz-target-selector button,
  .zz-page .zz-target-tabs button,
  .zz-page .zz-engraving-targets button,
  .zz-page [data-engraving-target]{
    min-height:46px !important;
    padding:9px 6px !important;

    font-size:10px !important;
  }
}



/* =========================================================
   v52 — STABLE TARGET SELECTOR + LARGE PRICES EVERYWHERE
   Built on stable v7. No DOM rewriting.
========================================================= */

/* =========================================================
   TARGET SELECTOR — DESKTOP + MOBILE
   Real existing classes, no slider, no arrows.
========================================================= */

.zz-page .zz-engraving-target-shell{
  width:min(1120px,calc(100% - 24px)) !important;
  max-width:1120px !important;

  margin:10px auto 30px !important;
  padding:7px !important;

  display:block !important;

  overflow:visible !important;

  border:1px solid rgba(145,61,159,.10) !important;
  border-radius:20px !important;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.86),
      rgba(248,241,249,.78)
    ) !important;

  box-shadow:
    0 14px 36px rgba(75,35,81,.06) !important;

  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

/* kill the old left/right selector arrows everywhere */
.zz-page .zz-engraving-target-shell > .zz-target-arrow,
.zz-page .zz-engraving-target-shell .zz-target-arrow{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  pointer-events:none !important;
}

/* override the old <=1050 flex/slider rule */
.zz-page .zz-engraving-target-shell .zz-target-track{
  width:100% !important;

  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  gap:8px !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  scroll-snap-type:none !important;
  scrollbar-width:auto !important;
}

/* real buttons */
.zz-page .zz-engraving-target-shell .zz-target-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  min-height:72px !important;

  margin:0 !important;
  padding:11px 13px !important;

  display:grid !important;
  grid-template-columns:40px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:center !important;

  flex:none !important;

  scroll-snap-align:none !important;

  border:1px solid rgba(139,66,146,.10) !important;
  border-radius:14px !important;

  color:#5f5262 !important;

  background:
    rgba(255,255,255,.77) !important;

  box-shadow:none !important;

  text-align:left !important;

  transform:none !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card:hover{
  transform:none !important;

  border-color:rgba(142,61,151,.19) !important;
  background:#fff !important;
}

/* icon */
.zz-page .zz-engraving-target-shell .zz-target-card > i{
  width:40px !important;
  height:40px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:11px !important;

  color:#8a3f90 !important;

  background:
    rgba(150,56,164,.08) !important;

  font-size:18px !important;
}

/* copy */
.zz-page .zz-engraving-target-shell .zz-target-card small{
  color:#a47d50 !important;

  font-size:7px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card strong{
  margin-top:2px !important;

  color:#514453 !important;

  font-size:12px !important;
  font-weight:800 !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card em{
  display:none !important;
}

/* GOLD selected state */
.zz-page .zz-engraving-target-shell .zz-target-card.is-active{
  color:#352824 !important;

  border-color:
    rgba(211,171,89,.82) !important;

  background:
    radial-gradient(
      circle at 15% 0%,
      rgba(255,255,255,.62),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      #f5e4aa 0%,
      #dfbd6a 48%,
      #b98b3d 100%
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.68),
    0 9px 22px rgba(177,132,57,.17) !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card.is-active > i{
  color:#5b3e22 !important;

  background:
    rgba(255,255,255,.48) !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card.is-active small{
  color:#74511f !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card.is-active strong{
  color:#3c2c24 !important;
}


/* =========================================================
   LARGE PRODUCT PRICE — DESKTOP + MOBILE, EVERY PRODUCT
========================================================= */

.zz-page .zz-engraving-product-price{
  width:100% !important;
  max-width:none !important;

  margin:14px 0 20px !important;
  padding:14px 16px 16px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  text-align:center !important;

  color:#7c2b86 !important;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(197,114,191,.11),
      transparent 62%
    ),
    linear-gradient(
      145deg,
      rgba(151,56,164,.08),
      rgba(255,255,255,.70)
    ) !important;

  border:1px solid rgba(151,56,164,.12) !important;
  border-radius:16px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 9px 22px rgba(109,40,116,.06) !important;

  font-family:var(--title-font) !important;
  font-size:clamp(34px,3vw,48px) !important;
  font-weight:800 !important;
  line-height:.98 !important;
  letter-spacing:-.05em !important;
}

.zz-page .zz-engraving-product-price del{
  color:#9c8fa0 !important;

  font-size:.48em !important;
  font-weight:600 !important;

  opacity:.72 !important;
}


/* =========================================================
   MOBILE
========================================================= */
@media(max-width:700px){

  .zz-page .zz-engraving-target-shell{
    width:calc(100% - 8px) !important;

    margin:8px auto 18px !important;
    padding:5px !important;

    border-radius:16px !important;

    background:
      rgba(255,255,255,.065) !important;

    border-color:
      rgba(255,255,255,.10) !important;

    box-shadow:none !important;
  }

  /* simple button row, NOT slider */
  .zz-page .zz-engraving-target-shell .zz-target-track{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .zz-page .zz-engraving-target-shell .zz-target-card{
    min-height:54px !important;

    padding:8px 5px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;

    border-radius:11px !important;

    color:rgba(255,255,255,.78) !important;

    background:
      rgba(255,255,255,.065) !important;

    border-color:
      rgba(255,255,255,.10) !important;

    text-align:center !important;
  }

  .zz-page .zz-engraving-target-shell .zz-target-card > i{
    width:28px !important;
    height:28px !important;

    border-radius:8px !important;

    color:#ead59b !important;

    background:
      rgba(255,255,255,.08) !important;

    font-size:14px !important;
  }

  .zz-page .zz-engraving-target-shell .zz-target-card small{
    display:none !important;
  }

  .zz-page .zz-engraving-target-shell .zz-target-card strong{
    margin:0 !important;

    color:inherit !important;

    font-size:10px !important;
    line-height:1.08 !important;
    text-align:center !important;
  }

  .zz-page .zz-engraving-target-shell .zz-target-card.is-active{
    color:#392a24 !important;

    border-color:
      rgba(234,201,121,.92) !important;

    background:
      radial-gradient(
        circle at 20% 0%,
        rgba(255,255,255,.58),
        transparent 35%
      ),
      linear-gradient(
        135deg,
        #f6e5aa,
        #dcb862 55%,
        #b98a39
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.68),
      0 8px 18px rgba(178,132,55,.16) !important;
  }

  .zz-page .zz-engraving-product-price{
    margin:12px 0 18px !important;
    padding:16px 12px 18px !important;

    font-size:clamp(42px,12vw,56px) !important;

    border-radius:18px !important;
  }
}


/* very narrow phones: vertical stack instead of slider */
@media(max-width:350px){

  .zz-page .zz-engraving-target-shell .zz-target-track{
    grid-template-columns:1fr !important;
  }

  .zz-page .zz-engraving-target-shell .zz-target-card{
    min-height:46px !important;

    flex-direction:row !important;
    justify-content:flex-start !important;

    padding:7px 10px !important;

    text-align:left !important;
  }
}



/* =========================================================
   v46 — confirmation gold state + inline bracelet sizes
   ========================================================= */
.zz-page .zz-confirmed-targets{display:none !important;}
.zz-page .zz-builder-summary--strip .zz-summary-item{transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease;}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item,.zz-page .zz-summary-item.is-confirmed{background:linear-gradient(145deg,#fff9dc 0%,#ecd98b 52%,#cfb75d 100%) !important;border-color:rgba(167,132,42,.34) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68),0 8px 22px rgba(151,119,42,.11) !important;}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item span,.zz-page .zz-summary-item.is-confirmed span{color:#8b712a !important;}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item strong,.zz-page .zz-summary-item.is-confirmed strong{color:#493d20 !important;}
.zz-page #zz-confirm-engraving.is-confirmed{color:#4a3c1d !important;background:linear-gradient(135deg,#f3e09a,#d6bc61) !important;border-color:rgba(151,119,42,.28) !important;box-shadow:0 10px 26px rgba(154,121,38,.17) !important;}
.zz-page .zz-product-size-wrap{margin:11px 0 5px;}
.zz-page .zz-product-size-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
.zz-page .zz-product-size-head>span{color:#735e70;font-size:8px;font-weight:900;letter-spacing:.11em;}
.zz-page .zz-product-size-head>small{color:#9a8d98;font-size:8px;font-weight:700;white-space:nowrap;}
.zz-page .zz-product-sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;}
.zz-page .zz-size-option{position:relative;min-width:0;height:34px;padding:0;border:1px solid rgba(101,67,99,.14);border-radius:9px 3px 9px 9px;display:grid;place-items:center;color:#655863;background:linear-gradient(180deg,#fff,#f6f0f5);font-size:9px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;}
.zz-page .zz-size-option:hover{transform:translateY(-1px);border-color:rgba(175,142,56,.42);box-shadow:0 7px 16px rgba(104,78,98,.09);}
.zz-page .zz-size-option.is-active{color:#4a3c1d;background:linear-gradient(145deg,#fff8d8,#e1ca72);border-color:rgba(164,130,42,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 7px 17px rgba(153,121,40,.15);}
.zz-page .zz-size-option em{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:80;width:max-content;max-width:140px;padding:7px 9px;border-radius:9px;color:#fff;background:rgba(47,38,48,.96);box-shadow:0 12px 28px rgba(35,25,36,.20);font-size:9px;font-style:normal;font-weight:700;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:.16s ease;}
.zz-page .zz-size-option em::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(47,38,48,.96);}
.zz-page .zz-size-option:hover em,.zz-page .zz-size-option:focus-visible em{opacity:1;transform:translate(-50%,0);}
.zz-page .zz-engraving-product-card.needs-size .zz-product-size-wrap{padding:7px;border-radius:12px;background:rgba(229,202,113,.13);box-shadow:0 0 0 1px rgba(177,142,50,.22);}
@media(max-width:700px){.zz-page .zz-product-size-wrap{margin:12px 0 7px}.zz-page .zz-product-size-head{align-items:flex-end;margin-bottom:8px}.zz-page .zz-product-size-head>span{font-size:8px}.zz-page .zz-product-size-head>small{font-size:8px;white-space:normal;text-align:right}.zz-page .zz-product-sizes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.zz-page .zz-size-option{height:48px;border-radius:11px 4px 11px 11px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.zz-page .zz-size-option em{position:static;display:block;opacity:1;transform:none;width:auto;max-width:none;padding:0;margin:0;color:#958995;background:transparent;box-shadow:none;font-size:7px;line-height:1;pointer-events:none}.zz-page .zz-size-option em::after{display:none}.zz-page .zz-size-option.is-active em{color:#756129}.zz-page .zz-engraving-product-card{min-height:0 !important}}


/* =========================================================
   v47 — Zodiac size-to-checkout final integration
   ========================================================= */

/* Confirmed configuration: the three actual values are the status UI.
   The old dangling confirmation badge remains hidden. */
.zz-page .zz-confirmed-targets{
  display:none !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-list{
  filter:none !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item{
  background:
    linear-gradient(145deg,#fffbe8 0%,#f4e7ae 47%,#d7bd63 100%) !important;
  border-color:rgba(157,124,38,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 10px 24px rgba(117,91,30,.13) !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item::after{
  content:"✓";
  position:absolute;
  top:7px;
  right:9px;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#9a8034;
  font-size:8px;
  font-weight:900;
  box-shadow:0 4px 10px rgba(99,78,25,.18);
}
.zz-page .zz-summary-item{
  position:relative;
}

/* Size picker premium interaction */
.zz-page .zz-product-size-wrap{
  position:relative;
}
.zz-page .zz-engraving-product-card.needs-size .zz-product-size-wrap{
  animation:zz-size-attention .52s ease 2;
}
@keyframes zz-size-attention{
  0%,100%{transform:translateX(0)}
  35%{transform:translateX(-3px)}
  70%{transform:translateX(3px)}
}
.zz-page .zz-size-option:focus-visible{
  outline:2px solid rgba(196,160,69,.48);
  outline-offset:2px;
}

/* On touch/mobile there is no hover dependency: measurements stay readable. */
@media(max-width:700px){
  .zz-page .zz-product-size-wrap{
    padding:10px !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#fffdfa,#f7f0f5) !important;
    border:1px solid rgba(117,74,111,.09) !important;
  }
  .zz-page .zz-product-sizes{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .zz-page .zz-size-option{
    min-height:49px !important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}


/* =========================================================
   v48 — optional Zodiac gift + readability + simplified flow
   ========================================================= */

/* The old 1→2→3 process bar was intentionally removed from HTML.
   Keep this as a safety net for cached/duplicate markup. */
.zz-page .zz-order-flow{
  display:none !important;
}

/* The builder starts immediately after the campaign image. */
.zz-page .zz-personal-builder{
  padding-top:34px !important;
}
.zz-page .zz-builder-head{
  margin-top:0 !important;
}
.zz-page .zz-builder-head__lead{
  max-width:720px !important;
  color:#665b69 !important;
  font-size:15px !important;
  line-height:1.68 !important;
  font-weight:500 !important;
}

/* ---------------------------------------------------------
   OPTIONAL GRATIS ZODIAC GIFT — premium highlighted card
   --------------------------------------------------------- */
.zz-page .zz-birthday-gift{
  position:relative !important;
  overflow:hidden !important;
  margin-top:24px !important;
  padding:32px !important;
  border:1px solid rgba(235,177,85,.34) !important;
  border-radius:25px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 8% 15%,rgba(255,183,91,.24),transparent 30%),
    radial-gradient(circle at 92% 8%,rgba(224,134,213,.22),transparent 31%),
    linear-gradient(125deg,#56205f 0%,#7e2d8b 52%,#a84b7f 76%,#d67b52 100%) !important;
  box-shadow:
    0 24px 58px rgba(76,29,84,.20),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  isolation:isolate;
}
.zz-page .zz-birthday-gift::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.62;
  background:
    radial-gradient(circle,rgba(255,255,255,.25) 0 1px,transparent 1.25px) 0 0/82px 82px,
    radial-gradient(circle,rgba(247,199,111,.24) 0 1px,transparent 1.35px) 26px 31px/118px 118px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.4) 70%,transparent);
}
.zz-page .zz-birthday-gift::after{
  content:"GESCHENK";
  position:absolute;
  right:-15px;
  bottom:-18px;
  z-index:-1;
  color:rgba(255,255,255,.045);
  font-family:var(--title-font);
  font-size:clamp(70px,8vw,126px);
  font-weight:900;
  line-height:1;
  letter-spacing:-.07em;
  pointer-events:none;
}
.zz-page .zz-birthday-kicker{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.zz-page .zz-birthday-step{
  color:#f7d28e !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
}
.zz-page .zz-birthday-optional{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#56205f;
  background:linear-gradient(145deg,#fff8e9,#f2c976);
  box-shadow:0 8px 20px rgba(31,8,36,.16);
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
}
.zz-page .zz-birthday-gift h4{
  margin:11px 0 12px !important;
  color:#fff !important;
  font-size:clamp(31px,3vw,43px) !important;
}
.zz-page .zz-birthday-gift__intro p{
  max-width:610px;
  color:rgba(255,255,255,.78) !important;
  font-size:15px !important;
  line-height:1.68 !important;
}
.zz-page .zz-birthday-gift__intro p strong{
  color:#ffe0a1 !important;
}
.zz-page .zz-birthday-gift__form{
  padding:22px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:19px !important;
  background:rgba(255,255,255,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.zz-page .zz-birthday-gift__form > label:first-child{
  display:flex !important;
  align-items:center;
  gap:8px;
  color:#fff !important;
  font-size:14px !important;
}
.zz-page .zz-inline-optional{
  padding:4px 8px;
  border-radius:999px;
  color:#5e2864 !important;
  background:#f4d790;
  font-size:9px !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.zz-page #zz-birthdate{
  border-color:rgba(255,255,255,.25) !important;
  color:#3f3542 !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 9px 25px rgba(39,8,45,.10);
}
.zz-page .zz-birthdate-gift-badge{
  padding:7px 10px !important;
  color:#56205f !important;
  background:linear-gradient(145deg,#fff2c6,#e8ba58) !important;
  font-size:9px !important;
  box-shadow:0 6px 15px rgba(66,29,18,.12);
}
.zz-page .zz-birthdate-help{
  margin-top:10px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  line-height:1.55 !important;
}
.zz-page .zz-birthdate-help strong{
  color:#ffe0a1 !important;
}
.zz-page .zz-marketing-consent{
  margin-top:16px !important;
  padding:13px !important;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(34,10,39,.12);
}
.zz-page .zz-marketing-consent input{
  accent-color:#f2c96f !important;
}
.zz-page .zz-marketing-consent strong{
  color:#fff !important;
  font-size:13px !important;
}
.zz-page .zz-marketing-consent small{
  color:rgba(255,255,255,.66) !important;
  font-size:11px !important;
  line-height:1.5 !important;
}
.zz-page .zz-birthday-status{
  color:#ffe1a4 !important;
  font-size:12px !important;
}

/* ---------------------------------------------------------
   CONFIRMATION STATUS — designed for easy readability
   --------------------------------------------------------- */
.zz-page .zz-confirm-status{
  min-height:48px !important;
  padding:11px 15px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  border:1px solid rgba(186,130,44,.30) !important;
  border-radius:14px !important;
  color:#6a4b18 !important;
  background:linear-gradient(145deg,#fff8e7,#f4dfaa) !important;
  box-shadow:0 9px 22px rgba(118,84,28,.10) !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  letter-spacing:0 !important;
  text-align:center !important;
}
.zz-page .zz-confirm-status i{
  width:25px !important;
  height:25px !important;
  flex:0 0 25px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  color:#fff !important;
  background:#c08c36 !important;
  font-style:normal !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.zz-page .zz-confirm-status.is-confirmed{
  color:#4f5f35 !important;
  border-color:rgba(105,136,76,.25) !important;
  background:linear-gradient(145deg,#f8faef,#e3ebc8) !important;
}
.zz-page .zz-confirm-status.is-confirmed i{
  background:#71844f !important;
}
.zz-page .zz-confirm-status.is-pending{
  animation:zz-confirm-pulse 1.7s ease-in-out 2;
}
@keyframes zz-confirm-pulse{
  0%,100%{box-shadow:0 9px 22px rgba(118,84,28,.10)}
  50%{box-shadow:0 9px 24px rgba(192,140,54,.22),0 0 0 4px rgba(224,182,92,.10)}
}

@media(max-width:700px){
  .zz-page .zz-personal-builder{
    padding-top:25px !important;
  }
  .zz-page .zz-builder-head__lead{
    margin-top:11px !important;
    font-size:14px !important;
    line-height:1.62 !important;
  }
  .zz-page .zz-birthday-gift{
    padding:23px 17px !important;
    gap:18px !important;
    border-radius:22px !important;
  }
  .zz-page .zz-birthday-kicker{
    gap:8px;
  }
  .zz-page .zz-birthday-step{
    font-size:9px !important;
  }
  .zz-page .zz-birthday-optional{
    min-height:28px;
    padding:0 10px;
    font-size:10px !important;
  }
  .zz-page .zz-birthday-gift h4{
    font-size:30px !important;
  }
  .zz-page .zz-birthday-gift__intro p{
    font-size:14px !important;
  }
  .zz-page .zz-birthday-gift__form{
    padding:16px !important;
  }
  .zz-page .zz-marketing-consent{
    padding:11px !important;
  }
  .zz-page .zz-confirm-status{
    min-height:52px !important;
    padding:12px !important;
    font-size:14px !important;
  }
}


/* =========================================================
   v51 — SAFE confirmation visuals
   Pure CSS. No navigation/product JavaScript is modified.
   ========================================================= */

/* Hide the old textual badge without removing its DOM node.
   This keeps the original confirmation JS completely intact. */
.zz-page .zz-confirm-status{
  display:none !important;
}

/* Before confirmation: selected configuration remains visually subdued. */
.zz-page .zz-builder-summary--strip:not(.is-confirmed) .zz-summary-item{
  opacity:.72 !important;
  filter:saturate(.35) !important;
  background:linear-gradient(145deg,#eeeaf0,#dcd7de) !important;
  border-color:rgba(77,61,80,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68) !important;
  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease,
    opacity .25s ease,
    filter .25s ease,
    transform .25s ease;
}
.zz-page .zz-builder-summary--strip:not(.is-confirmed) .zz-summary-item span{
  color:#958b98 !important;
}
.zz-page .zz-builder-summary--strip:not(.is-confirmed) .zz-summary-item strong{
  color:#655d67 !important;
}

/* After confirmation: the configuration itself becomes the status indicator. */
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item{
  position:relative;
  opacity:1 !important;
  filter:none !important;
  transform:translateY(-1px);
  background:
    radial-gradient(circle at 88% 18%,rgba(255,255,255,.62),transparent 25%),
    linear-gradient(145deg,#fff8d8 0%,#efdd93 48%,#ceb050 100%) !important;
  border-color:rgba(151,116,31,.40) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 9px 22px rgba(117,88,24,.16) !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item span{
  color:#876b20 !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item strong{
  color:#44391f !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item::after{
  content:"✓";
  position:absolute;
  top:8px;
  right:9px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#8f762d;
  box-shadow:0 3px 9px rgba(74,55,16,.18);
  font-size:10px;
  font-weight:900;
}

.zz-page #zz-confirm-engraving.is-confirmed{
  color:#55471f !important;
  background:linear-gradient(145deg,#f4e8b1,#d4b958) !important;
  border-color:rgba(151,119,42,.30) !important;
  box-shadow:0 8px 20px rgba(126,96,28,.13) !important;
}

@media(max-width:700px){
  .zz-page .zz-builder-summary--strip.is-confirmed .zz-summary-item{
    transform:none;
  }
}


/* =========================================================
   v52 — CHIP BUNDLE CONTEXT GATING
   Active/colorful only while the Anhänger engraving target is selected.
   ========================================================= */

/* Outside Anhänger: unmistakably inactive and non-interactive. */
.zz-page #zz-chip-bundle.is-context-disabled,
.zz-page #zz-chip-bundle:not(.is-ready){
  opacity:.42 !important;
  filter:grayscale(.88) saturate(.18) !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}

.zz-page #zz-chip-bundle.is-context-disabled::before,
.zz-page #zz-chip-bundle:not(.is-ready)::before{
  background:
    linear-gradient(
      90deg,
      rgba(45,43,46,.20) 0%,
      rgba(45,43,46,.36) 42%,
      rgba(42,40,43,.86) 67%,
      rgba(35,33,36,.96) 100%
    ) !important;
}

.zz-page #zz-chip-bundle.is-context-disabled .zz-chip-bundle__content,
.zz-page #zz-chip-bundle:not(.is-ready) .zz-chip-bundle__content{
  pointer-events:none !important;
}

.zz-page #zz-chip-bundle.is-context-disabled #zz-chip-toggle,
.zz-page #zz-chip-bundle:not(.is-ready) #zz-chip-toggle{
  color:#6e696f !important;
  border-color:rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,#c8c5c9,#aaa6ac) !important;
  box-shadow:none !important;
  opacity:.72 !important;
  transform:none !important;
  cursor:not-allowed !important;
}

.zz-page #zz-chip-bundle.is-context-disabled #zz-chip-toggle .zz-chip-toggle-check,
.zz-page #zz-chip-bundle:not(.is-ready) #zz-chip-toggle .zz-chip-toggle-check{
  color:transparent !important;
  border-color:rgba(73,68,75,.18) !important;
  background:rgba(255,255,255,.30) !important;
}

/* Even if Chip was already selected earlier, it stays visually muted
   while the user is on Armband or Flasche. Selection is preserved. */
.zz-page #zz-chip-bundle.is-context-disabled #zz-chip-toggle.is-selected,
.zz-page #zz-chip-bundle:not(.is-ready) #zz-chip-toggle.is-selected{
  color:#68636a !important;
  background:linear-gradient(135deg,#c8c5c9,#aaa6ac) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

.zz-page #zz-chip-bundle.is-context-disabled #zz-chip-toggle.is-selected .zz-chip-toggle-check,
.zz-page #zz-chip-bundle:not(.is-ready) #zz-chip-toggle.is-selected .zz-chip-toggle-check{
  color:#777178 !important;
  background:#d8d5d9 !important;
  border-color:#b7b2b9 !important;
}

/* Anhänger selected: restore full premium color and interaction. */
.zz-page #zz-chip-bundle.is-ready{
  opacity:1 !important;
  filter:none !important;
  cursor:default !important;
  box-shadow:0 18px 48px rgba(49,22,55,.18) !important;
}

.zz-page #zz-chip-bundle.is-ready .zz-chip-bundle__content{
  pointer-events:auto !important;
}

/* The gift panel can already look inviting in Anhänger context;
   its stronger active state still indicates the actual Anhänger+Chip bundle. */
.zz-page #zz-chip-bundle.is-ready .zz-chip-bundle__gift{
  opacity:.82 !important;
  border-color:rgba(230,202,119,.24) !important;
}

.zz-page #zz-chip-bundle.is-ready .zz-chip-bundle__gift.is-active{
  opacity:1 !important;
  border-color:rgba(230,202,119,.42) !important;
}


/* =========================================================
   v53 — Austrian German + wrist circumference helper
   ========================================================= */
.zz-page .zz-product-size-note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:0 0 9px;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(150,56,164,.055);
  border:1px solid rgba(122,66,126,.08);
}
.zz-page .zz-product-size-note strong{
  flex:0 0 auto;
  color:#735e70;
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
  line-height:1.45;
}
.zz-page .zz-product-size-note span{
  min-width:0;
  color:#8f828d;
  font-size:8px;
  font-weight:650;
  line-height:1.45;
}
@media(max-width:700px){
  .zz-page .zz-product-size-note{
    display:block;
    margin-bottom:10px;
  }
  .zz-page .zz-product-size-note strong{
    display:block;
    margin-bottom:3px;
  }
  .zz-page .zz-product-size-note span{
    display:block;
    font-size:8px;
  }
}


/* =========================================================
   v54 — readability upgrade for 45+ audience
   Larger size-selection typography, simplified wrist label
   ========================================================= */

.zz-page .zz-product-size-head{
  align-items:baseline !important;
  gap:10px !important;
  margin-bottom:10px !important;
}

.zz-page .zz-product-size-head span{
  color:#5f5660 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  line-height:1.2 !important;
}

.zz-page .zz-product-size-head small{
  color:#7b717e !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.zz-page .zz-product-size-note{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  margin:0 0 12px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  background:rgba(150,56,164,.055) !important;
  border:1px solid rgba(122,66,126,.10) !important;
}

.zz-page .zz-product-size-note strong{
  color:#6b5a68 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  line-height:1.2 !important;
  text-align:center !important;
}

.zz-page .zz-product-size-note span{
  display:none !important;
}

/* Make the size cards and their text much more readable */
.zz-page .zz-product-sizes{
  gap:8px !important;
}

.zz-page .zz-size-option{
  min-height:64px !important;
  padding:10px 6px !important;
  border-radius:13px !important;
}

.zz-page .zz-size-option span{
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:.01em !important;
}

.zz-page .zz-size-option em{
  margin-top:5px !important;
  font-size:11px !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  opacity:.9 !important;
}

.zz-page .zz-size-option.is-active span{
  font-size:16px !important;
}

.zz-page .zz-size-option.is-active em{
  font-size:11px !important;
}

/* Better readability on smaller screens too */
@media(max-width:700px){
  .zz-page .zz-product-size-head{
    display:block !important;
    margin-bottom:10px !important;
  }

  .zz-page .zz-product-size-head span{
    display:block !important;
    margin-bottom:4px !important;
    font-size:12px !important;
  }

  .zz-page .zz-product-size-head small{
    display:block !important;
    font-size:12px !important;
  }

  .zz-page .zz-product-size-note{
    min-height:42px !important;
    padding:10px !important;
  }

  .zz-page .zz-product-size-note strong{
    font-size:11px !important;
  }

  .zz-page .zz-size-option{
    min-height:60px !important;
  }

  .zz-page .zz-size-option span{
    font-size:15px !important;
  }

  .zz-page .zz-size-option em{
    font-size:10px !important;
  }
}


/* =========================================================
   v55 — cleaner size selector
   Remove ugly always-on tooltip look, improve readability
   ========================================================= */

/* Header row: larger and clearer */
.zz-page .zz-product-size-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:10px !important;
}

.zz-page .zz-product-size-head span{
  color:#5e545f !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  line-height:1.2 !important;
}

.zz-page .zz-product-size-head small{
  color:#6f6473 !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

/* Simple label instead of a big text box */
.zz-page .zz-product-size-note{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  margin:0 0 10px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:rgba(122,66,126,.055) !important;
  border:1px solid rgba(122,66,126,.10) !important;
}

.zz-page .zz-product-size-note strong{
  color:#6c5c69 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  line-height:1.1 !important;
  text-align:center !important;
}

/* Cleaner 2-line size cards */
.zz-page .zz-product-sizes{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:6px !important;
}

.zz-page .zz-size-option{
  position:relative !important;
  min-width:0 !important;
  min-height:68px !important;
  height:auto !important;
  padding:9px 4px 8px !important;
  border-radius:14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  text-align:center !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#fff,#f6f0f5) !important;
  border:1px solid rgba(101,67,99,.14) !important;
  box-shadow:none !important;
}

.zz-page .zz-size-option:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(171,135,58,.34) !important;
  box-shadow:0 8px 18px rgba(98,74,96,.09) !important;
}

.zz-page .zz-size-option.is-active{
  color:#4a3c1d !important;
  background:linear-gradient(145deg,#fff8d8,#e1ca72) !important;
  border-color:rgba(164,130,42,.38) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 8px 18px rgba(153,121,40,.14) !important;
}

.zz-page .zz-size-option span{
  display:block !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.zz-page .zz-size-option em{
  position:static !important;
  left:auto !important;
  bottom:auto !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:none !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#8a7d87 !important;
  font-size:9px !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

.zz-page .zz-size-option em::after{
  display:none !important;
}

.zz-page .zz-size-option.is-active em{
  color:#6b5a22 !important;
}

/* Smaller, safer font for XXS and XL */
.zz-page .zz-size-option span{
  font-size:14px !important;
}
.zz-page .zz-size-option[data-product-size="XXS"] span,
.zz-page .zz-size-option[data-product-size="XL"] span{
  font-size:13px !important;
}

/* Mobile keeps the same clean logic */
@media(max-width:700px){
  .zz-page .zz-product-size-head{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:8px !important;
    margin-bottom:9px !important;
  }

  .zz-page .zz-product-size-head span,
  .zz-page .zz-product-size-head small{
    font-size:12px !important;
  }

  .zz-page .zz-product-size-note{
    margin-bottom:9px !important;
    padding:7px 10px !important;
  }

  .zz-page .zz-product-size-note strong{
    font-size:9px !important;
  }

  .zz-page .zz-product-sizes{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  .zz-page .zz-size-option{
    min-height:62px !important;
    padding:8px 4px !important;
    gap:3px !important;
  }

  .zz-page .zz-size-option span{
    font-size:14px !important;
  }

  .zz-page .zz-size-option em{
    font-size:9px !important;
  }
}


/* =========================================================
   v56 — vertical capsule size selector
   Compact, readable, hover tooltip for wrist circumference
   ========================================================= */

/* Header: keep it readable, but give "Direkt hier auswählen" more breathing room */
.zz-page .zz-product-size-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:9px !important;
}

.zz-page .zz-product-size-head > span{
  flex:0 0 auto !important;
  color:#5e545f !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  line-height:1.2 !important;
}

.zz-page .zz-product-size-head > small{
  flex:0 1 92px !important;
  max-width:92px !important;
  color:#827783 !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-align:right !important;
  white-space:normal !important;
}

/* Current selected size may be slightly stronger */
.zz-page .zz-product-size-head > small:not(:empty){
  letter-spacing:0 !important;
}

/* Compact wrist label */
.zz-page .zz-product-size-note{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  margin:0 0 10px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(122,66,126,.055) !important;
  border:1px solid rgba(122,66,126,.10) !important;
}

.zz-page .zz-product-size-note strong{
  color:#6c5c69 !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  line-height:1 !important;
  text-align:center !important;
}

/* Six narrow premium capsules */
.zz-page .zz-product-sizes{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:7px !important;
  overflow:visible !important;
}

.zz-page .zz-size-option{
  position:relative !important;
  min-width:0 !important;
  width:100% !important;
  height:76px !important;
  min-height:76px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  overflow:visible !important;
  color:#655863 !important;
  background:linear-gradient(180deg,#fff,#f5eff4) !important;
  border:1px solid rgba(101,67,99,.15) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78) !important;
  cursor:pointer !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.zz-page .zz-size-option:hover{
  transform:translateY(-2px) !important;
  border-color:rgba(169,134,51,.36) !important;
  box-shadow:0 8px 18px rgba(98,74,96,.10) !important;
}

.zz-page .zz-size-option.is-active{
  color:#4a3c1d !important;
  background:linear-gradient(145deg,#fff8d8,#e1ca72) !important;
  border-color:rgba(164,130,42,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 8px 18px rgba(153,121,40,.16) !important;
}

/* Size name runs vertically inside the capsule */
.zz-page .zz-size-option > span{
  display:block !important;
  width:max-content !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.04em !important;
  white-space:nowrap !important;
  transform:rotate(-90deg) !important;
  transform-origin:center !important;
}

/* Wrist circumference becomes a tooltip only */
.zz-page .zz-size-option > em{
  position:absolute !important;
  left:50% !important;
  bottom:calc(100% + 9px) !important;
  z-index:120 !important;
  display:block !important;
  width:max-content !important;
  max-width:150px !important;
  margin:0 !important;
  padding:7px 9px !important;
  border-radius:9px !important;
  color:#fff !important;
  background:rgba(46,37,48,.97) !important;
  box-shadow:0 10px 24px rgba(35,25,36,.22) !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%,5px) !important;
  transition:opacity .15s ease,transform .15s ease !important;
}

.zz-page .zz-size-option > em::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:100% !important;
  transform:translateX(-50%) !important;
  border:5px solid transparent !important;
  border-top-color:rgba(46,37,48,.97) !important;
}

.zz-page .zz-size-option:hover > em,
.zz-page .zz-size-option:focus-visible > em{
  opacity:1 !important;
  transform:translate(-50%,0) !important;
}

/* Keep the active size tooltip neutral until hover */
.zz-page .zz-size-option.is-active > em{
  color:#fff !important;
}

/* Mobile: still capsules, but slightly shorter and 3 per row */
@media(max-width:700px){
  .zz-page .zz-product-size-head{
    gap:10px !important;
  }

  .zz-page .zz-product-size-head > span{
    font-size:11px !important;
  }

  .zz-page .zz-product-size-head > small{
    flex-basis:86px !important;
    max-width:86px !important;
    font-size:9px !important;
  }

  .zz-page .zz-product-sizes{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .zz-page .zz-size-option{
    height:68px !important;
    min-height:68px !important;
  }

  .zz-page .zz-size-option > span{
    font-size:13px !important;
  }

  /* Touch devices do not keep tooltips permanently visible */
  .zz-page .zz-size-option > em{
    opacity:0 !important;
  }

  .zz-page .zz-size-option:focus-visible > em{
    opacity:1 !important;
  }
}


/* =========================================================
   v57 — 3 + 3 size button layout
   Standard rounded buttons, readable labels, cm on hover only
   ========================================================= */

/* Give the size block a little more breathing room */
.zz-page .zz-product-size-wrap{
  margin-top:14px !important;
}

/* Header */
.zz-page .zz-product-size-head{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:9px !important;
}

.zz-page .zz-product-size-head > span{
  flex:0 0 auto !important;
  color:#5d535e !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
  line-height:1.15 !important;
}

.zz-page .zz-product-size-head > small{
  flex:0 1 88px !important;
  max-width:88px !important;
  color:#837783 !important;
  font-size:8.5px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-align:right !important;
  white-space:normal !important;
}

/* Wrist label stays compact */
.zz-page .zz-product-size-note{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  margin:0 0 10px !important;
  padding:6px 9px !important;
  border-radius:10px !important;
  background:rgba(122,66,126,.05) !important;
  border:1px solid rgba(122,66,126,.09) !important;
}

.zz-page .zz-product-size-note strong{
  color:#6d5d6b !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  line-height:1 !important;
}

/* 3 buttons per row, 2 rows */
.zz-page .zz-product-sizes{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:7px !important;
  overflow:visible !important;
}

/* Normal rounded buttons instead of pills */
.zz-page .zz-size-option{
  position:relative !important;
  min-width:0 !important;
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 6px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  color:#655863 !important;
  background:linear-gradient(180deg,#fff,#f6f0f5) !important;
  border:1px solid rgba(101,67,99,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78) !important;
  cursor:pointer !important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    color .18s ease !important;
}

.zz-page .zz-size-option:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(169,134,51,.34) !important;
  box-shadow:0 7px 16px rgba(98,74,96,.09) !important;
}

.zz-page .zz-size-option.is-active{
  color:#4a3c1d !important;
  background:linear-gradient(145deg,#fff8d8,#e2cc76) !important;
  border-color:rgba(164,130,42,.40) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    0 7px 16px rgba(153,121,40,.14) !important;
}

/* Horizontal, readable size text */
.zz-page .zz-size-option > span{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
  transform:none !important;
}

/* Tooltip: cm only on hover/focus */
.zz-page .zz-size-option > em{
  position:absolute !important;
  left:50% !important;
  bottom:calc(100% + 8px) !important;
  z-index:150 !important;
  display:block !important;
  width:max-content !important;
  max-width:150px !important;
  margin:0 !important;
  padding:7px 9px !important;
  border-radius:8px !important;
  color:#fff !important;
  background:rgba(46,37,48,.97) !important;
  box-shadow:0 10px 22px rgba(35,25,36,.20) !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  opacity:0 !important;
  pointer-events:none !important;
  transform:translate(-50%,5px) !important;
  transition:opacity .15s ease,transform .15s ease !important;
}

.zz-page .zz-size-option > em::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:100% !important;
  transform:translateX(-50%) !important;
  border:5px solid transparent !important;
  border-top-color:rgba(46,37,48,.97) !important;
}

.zz-page .zz-size-option:hover > em,
.zz-page .zz-size-option:focus-visible > em{
  opacity:1 !important;
  transform:translate(-50%,0) !important;
}

/* Mobile keeps 3 + 3 as requested */
@media(max-width:700px){
  .zz-page .zz-product-size-head > span{
    font-size:11px !important;
  }

  .zz-page .zz-product-size-head > small{
    flex-basis:82px !important;
    max-width:82px !important;
    font-size:8px !important;
  }

  .zz-page .zz-product-size-note{
    min-height:28px !important;
    padding:6px 8px !important;
  }

  .zz-page .zz-product-size-note strong{
    font-size:8.5px !important;
  }

  .zz-page .zz-product-sizes{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .zz-page .zz-size-option{
    height:44px !important;
    min-height:44px !important;
    border-radius:9px !important;
  }

  .zz-page .zz-size-option > span{
    font-size:12px !important;
  }

  /* Tooltip remains hover/focus only; never permanently visible */
  .zz-page .zz-size-option > em{
    opacity:0 !important;
  }

  .zz-page .zz-size-option:focus-visible > em{
    opacity:1 !important;
  }
}


/* =========================================================
   v58 — senior-friendly engraving UX + optional no engraving
   ========================================================= */

/* ---------------------------------------------------------
   GENERAL READABILITY — engraving configurator
   --------------------------------------------------------- */
.zz-page .zz-builder-head__lead{
  font-size:16px !important;
  line-height:1.7 !important;
}

.zz-page .zz-engraving-target-shell .zz-target-card small{
  font-size:9px !important;
  line-height:1.25 !important;
}
.zz-page .zz-engraving-target-shell .zz-target-card strong{
  font-size:14px !important;
  line-height:1.22 !important;
}

.zz-page .zz-config-main-card .zz-builder-card > h4{
  font-size:24px !important;
  line-height:1.15 !important;
}

.zz-page .zz-engraving-options--luxury .zz-engraving-option{
  min-height:142px !important;
  padding:16px 12px 15px !important;
}
.zz-page .zz-engraving-options--luxury .zz-engraving-option strong{
  font-size:14px !important;
  line-height:1.25 !important;
}
.zz-page .zz-engraving-options--luxury .zz-engraving-option small{
  font-size:11px !important;
  line-height:1.35 !important;
}

.zz-page .zz-config-main-card .zz-custom-row > label{
  font-size:13px !important;
  line-height:1.3 !important;
  letter-spacing:.08em !important;
}
.zz-page .zz-config-main-card .zz-custom-row input,
.zz-page .zz-config-main-card .zz-custom-row select{
  min-height:48px !important;
  font-size:15px !important;
}
.zz-page .zz-input-hint{
  font-size:12px !important;
  line-height:1.5 !important;
}

.zz-page .zz-symbol-name{
  font-size:10.5px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
.zz-page .zz-symbol-picker--artwork .zz-symbol-button{
  min-height:106px !important;
}

.zz-page .zz-target-preview > p{
  font-size:14px !important;
  line-height:1.62 !important;
}

/* ---------------------------------------------------------
   NO ENGRAVING — clear secondary route for every target
   --------------------------------------------------------- */
.zz-page .zz-no-engraving-option{
  position:relative;
  z-index:3;
  width:100%;
  min-height:58px;
  margin:12px 0 0;
  padding:10px 14px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  border:1px solid rgba(91,76,93,.14);
  border-radius:14px;
  color:#5f5561;
  background:linear-gradient(145deg,#fff,#f4eff4);
  box-shadow:0 8px 20px rgba(66,43,68,.05);
  cursor:pointer;
  text-align:left;
  transition:.2s ease;
}
.zz-page .zz-no-engraving-option:hover{
  transform:translateY(-1px);
  border-color:rgba(143,73,148,.25);
  box-shadow:0 12px 24px rgba(66,43,68,.08);
}
.zz-page .zz-no-engraving-option > i{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:#7c6f7e;
  background:rgba(91,76,93,.07);
  font-style:normal;
  font-size:20px;
  font-weight:700;
}
.zz-page .zz-no-engraving-option > span{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.zz-page .zz-no-engraving-option strong{
  color:inherit;
  font-size:14px !important;
  font-weight:900;
  line-height:1.2;
}
.zz-page .zz-no-engraving-option small{
  color:#8a7f8c;
  font-size:11px !important;
  line-height:1.35;
}
.zz-page .zz-no-engraving-option.is-active{
  color:#fff;
  border-color:rgba(255,255,255,.20);
  background:linear-gradient(135deg,#6e6370,#49404b);
  box-shadow:0 14px 28px rgba(49,39,51,.15);
}
.zz-page .zz-no-engraving-option.is-active > i{
  color:#fff;
  background:rgba(255,255,255,.12);
}
.zz-page .zz-no-engraving-option.is-active small{
  color:rgba(255,255,255,.72);
}
.zz-page.zz-no-engraving-active .zz-customize-stack{
  display:none !important;
}
.zz-page.zz-no-engraving-active .zz-photo-engraving,
.zz-page.zz-no-engraving-active .zz-pendant-zodiac-preview,
.zz-page.zz-no-engraving-active .zz-bracelet-zodiac-preview,
.zz-page.zz-no-engraving-active .zz-zodiac-artwork-preview,
.zz-page.zz-no-engraving-active .zz-bottle-artwork-layer,
.zz-page.zz-no-engraving-active .zz-engraving-zone{
  opacity:0 !important;
  visibility:hidden !important;
}

/* ---------------------------------------------------------
   CONFIRMATION — impossible to overlook
   --------------------------------------------------------- */
.zz-page .zz-builder-summary--strip{
  grid-template-columns:minmax(220px,.72fr) minmax(360px,1.28fr) !important;
  row-gap:15px !important;
  padding:34px 38px 36px !important;
}

.zz-page .zz-builder-summary--strip .zz-card-step,
.zz-page .zz-builder-summary--strip > .micro-label,
.zz-page .zz-builder-summary--strip > h4{
  grid-column:1 !important;
}

.zz-page .zz-builder-summary--strip .zz-summary-list{
  grid-column:2 !important;
  grid-row:1 / span 4 !important;
}

.zz-page .zz-summary-item span{
  font-size:11px !important;
  line-height:1.2 !important;
}
.zz-page .zz-summary-item strong{
  font-size:15px !important;
  line-height:1.28 !important;
}

.zz-page .zz-confirm-guide{
  grid-column:1 / -1 !important;
  grid-row:auto !important;
  width:min(620px,100%);
  margin:4px auto 0;
  padding:12px 15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:14px;
  color:#70511d;
  background:linear-gradient(145deg,#fff8e9,#f7e5bb);
  border:1px solid rgba(210,153,60,.24);
  text-align:left;
}
.zz-page .zz-confirm-guide > i{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#e26c22;
  font-style:normal;
  font-size:17px;
  font-weight:900;
}
.zz-page .zz-confirm-guide > span{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.zz-page .zz-confirm-guide strong{
  font-size:14px !important;
  line-height:1.25 !important;
}
.zz-page .zz-confirm-guide small{
  color:#8b6b39;
  font-size:12px !important;
  line-height:1.35 !important;
}

.zz-page .zz-builder-summary--strip .zz-order-button{
  grid-column:1 / -1 !important;
  grid-row:auto !important;
  justify-self:center !important;
  width:min(520px,100%) !important;
  min-height:70px !important;
  margin:0 auto !important;
  padding:0 28px !important;
  border:1px solid rgba(255,195,119,.44) !important;
  border-radius:17px !important;
  color:#fff !important;
  background:
    radial-gradient(circle at 20% 0,rgba(255,225,150,.32),transparent 30%),
    linear-gradient(135deg,#ffad35 0%,#f06a20 47%,#d63c18 77%,#a92717 100%) !important;
  box-shadow:
    0 17px 34px rgba(217,73,26,.26),
    0 0 0 5px rgba(242,109,36,.07),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  cursor:pointer !important;
  transition:.22s ease !important;
}
.zz-page .zz-builder-summary--strip .zz-order-button:not(.is-confirmed){
  animation:zz-confirm-fire-pulse 2.4s ease-in-out infinite;
}
.zz-page .zz-builder-summary--strip .zz-order-button:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 21px 40px rgba(217,73,26,.32),
    0 0 0 7px rgba(242,109,36,.09),
    inset 0 1px 0 rgba(255,255,255,.26) !important;
}
.zz-page .zz-builder-summary--strip .zz-order-button.is-confirmed{
  color:#fff !important;
  background:linear-gradient(135deg,#7c9252,#596f3b) !important;
  border-color:rgba(105,132,75,.30) !important;
  box-shadow:0 12px 26px rgba(75,98,49,.18) !important;
  animation:none !important;
}
@keyframes zz-confirm-fire-pulse{
  0%,100%{box-shadow:0 17px 34px rgba(217,73,26,.24),0 0 0 5px rgba(242,109,36,.06),inset 0 1px 0 rgba(255,255,255,.24)}
  50%{box-shadow:0 20px 38px rgba(217,73,26,.31),0 0 0 9px rgba(242,109,36,.10),inset 0 1px 0 rgba(255,255,255,.24)}
}

.zz-page .zz-builder-summary--strip .zz-order-disclaimer{
  grid-column:1 / -1 !important;
  grid-row:auto !important;
  justify-self:center;
  max-width:720px;
  margin:0 auto !important;
  font-size:12px !important;
  line-height:1.5 !important;
  text-align:center;
}

.zz-page .zz-confirmed-targets{
  display:none !important;
}

/* ---------------------------------------------------------
   FREE GIFT — loud but premium top headline
   --------------------------------------------------------- */
.zz-page .zz-birthday-super-title{
  grid-column:1 / -1;
  position:relative;
  z-index:3;
  width:100%;
  min-height:62px;
  margin:-5px 0 2px;
  padding:12px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(255,226,158,.36);
  border-radius:16px;
  color:#55205d;
  background:
    radial-gradient(circle at 20% 0,rgba(255,255,255,.80),transparent 32%),
    linear-gradient(135deg,#fff1bf,#f5c965 52%,#e9a744);
  box-shadow:
    0 14px 30px rgba(83,31,89,.16),
    inset 0 1px 0 rgba(255,255,255,.72);
  text-align:center;
}
.zz-page .zz-birthday-super-title span{
  font-family:var(--title-font) !important;
  font-size:clamp(19px,2vw,28px) !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:.015em !important;
}
.zz-page .zz-birthday-super-title i{
  color:#8b3d77;
  font-style:normal;
  font-size:18px;
}

/* ---------------------------------------------------------
   ZODIAC / HOROSCOPE READABILITY
   --------------------------------------------------------- */
.zz-page .sign-copy strong{
  font-size:15px !important;
  line-height:1.2 !important;
}
.zz-page .sign-copy small{
  font-size:11px !important;
  line-height:1.35 !important;
}
.zz-page .profile-head .identity p{
  font-size:14px !important;
}
.zz-page .profile-panel .personality > p{
  font-size:15px !important;
  line-height:1.72 !important;
}
.zz-page .profile-panel .detail-main p{
  font-size:13px !important;
  line-height:1.55 !important;
}
.zz-page .profile-panel .detail-main strong{
  font-size:16px !important;
}
.zz-page .profile-panel .palette-copy p{
  font-size:14px !important;
  line-height:1.6 !important;
}
.zz-page .profile-panel blockquote{
  font-size:clamp(18px,2vw,24px) !important;
  line-height:1.42 !important;
}
.zz-page .zz-product-recommendations__head p{
  font-size:14px !important;
  line-height:1.62 !important;
}

/* Mobile */
@media(max-width:700px){
  .zz-page .zz-engraving-options--luxury .zz-engraving-option{
    min-height:132px !important;
  }
  .zz-page .zz-engraving-options--luxury .zz-engraving-option strong{
    font-size:13px !important;
  }
  .zz-page .zz-engraving-options--luxury .zz-engraving-option small{
    font-size:10px !important;
  }

  .zz-page .zz-builder-summary--strip{
    display:block !important;
    padding:24px 17px 26px !important;
  }
  .zz-page .zz-confirm-guide{
    margin:16px 0 12px !important;
  }
  .zz-page .zz-builder-summary--strip .zz-order-button{
    width:100% !important;
    min-height:66px !important;
    font-size:17px !important;
  }

  .zz-page .zz-birthday-super-title{
    min-height:56px;
    padding:11px 14px;
  }
  .zz-page .zz-birthday-super-title span{
    font-size:20px !important;
  }

  .zz-page .sign-copy strong{
    font-size:14px !important;
  }
  .zz-page .sign-copy small{
    font-size:10px !important;
  }
  .zz-page .profile-panel .personality > p{
    font-size:14px !important;
  }
  .zz-page .profile-panel .detail-main p{
    font-size:12.5px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .zz-page .zz-builder-summary--strip .zz-order-button{
    animation:none !important;
  }
}


/* =========================================================
   v59 — confirmation block: clean two-row layout
   TOP: 3 equal summary cards
   BOTTOM: confirmation guidance + large CTA
   ========================================================= */

.zz-page .zz-builder-summary--strip{
  display:block !important;
  width:100% !important;
  padding:28px 34px 30px !important;
  border-radius:25px !important;
  overflow:visible !important;
}

/* Small section heading — visually separate from the two functional rows */
.zz-page .zz-confirm-section-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:0 0 18px !important;
}

.zz-page .zz-confirm-section-head .zz-card-step{
  margin:0 !important;
}

/* ---------------------------------------------------------
   ROW 1 — 3 equal configuration cards
   --------------------------------------------------------- */
.zz-page .zz-builder-summary--strip .zz-summary-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin:0 !important;
}

.zz-page .zz-builder-summary--strip .zz-summary-item{
  min-width:0 !important;
  min-height:76px !important;
  padding:14px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border-radius:15px !important;
  text-align:center !important;
}

.zz-page .zz-builder-summary--strip .zz-summary-item > span{
  display:block !important;
  margin:0 !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  letter-spacing:.11em !important;
}

.zz-page .zz-builder-summary--strip .zz-summary-item > strong{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1.25 !important;
  text-align:center !important;
  white-space:normal !important;
}

/* ---------------------------------------------------------
   ROW 2 — two large blocks
   --------------------------------------------------------- */
.zz-page .zz-confirm-action-row{
  display:grid !important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  margin:14px 0 0 !important;
}

/* Left half */
.zz-page .zz-confirm-action-row .zz-confirm-guide{
  width:100% !important;
  min-height:74px !important;
  margin:0 !important;
  padding:14px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  border-radius:16px !important;
  text-align:left !important;
}

.zz-page .zz-confirm-action-row .zz-confirm-guide > i{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
}

.zz-page .zz-confirm-action-row .zz-confirm-guide strong{
  font-size:14px !important;
  line-height:1.2 !important;
}

.zz-page .zz-confirm-action-row .zz-confirm-guide small{
  margin-top:3px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

/* Right half — prominent fire CTA */
.zz-page .zz-confirm-action-row .zz-order-button{
  width:100% !important;
  max-width:none !important;
  min-height:74px !important;
  height:100% !important;
  margin:0 !important;
  padding:0 28px !important;
  border-radius:16px !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  align-self:stretch !important;
  justify-self:stretch !important;
}

/* Completed state still stays clean in the same geometry */
.zz-page .zz-builder-summary--strip.is-confirmed .zz-confirm-action-row .zz-confirm-guide{
  color:#586342 !important;
  background:linear-gradient(145deg,#f5f8ed,#e6edd8) !important;
  border-color:rgba(99,121,67,.18) !important;
}

.zz-page .zz-builder-summary--strip.is-confirmed .zz-confirm-action-row .zz-confirm-guide > i{
  color:#fff !important;
  background:#6f874b !important;
}

.zz-page .zz-builder-summary--strip.is-confirmed .zz-confirm-action-row .zz-confirm-guide > i::before{
  content:"✓";
}

.zz-page .zz-builder-summary--strip.is-confirmed .zz-confirm-action-row .zz-confirm-guide > i{
  font-size:0 !important;
}
.zz-page .zz-builder-summary--strip.is-confirmed .zz-confirm-action-row .zz-confirm-guide > i::before{
  font-size:16px !important;
  font-weight:900 !important;
}

/* Small helper text below, not part of the two main rows */
.zz-page .zz-builder-summary--strip .zz-order-disclaimer{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:12px 0 0 !important;
  color:rgba(255,255,255,.52) !important;
  font-size:10px !important;
  line-height:1.4 !important;
  text-align:center !important;
}

/* Hide old layout leftovers if any cached markup survives */
.zz-page .zz-builder-summary--strip > .micro-label,
.zz-page .zz-builder-summary--strip > h4{
  display:none !important;
}

/* Tablet */
@media(max-width:980px){
  .zz-page .zz-builder-summary--strip{
    padding:24px !important;
  }

  .zz-page .zz-builder-summary--strip .zz-summary-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:9px !important;
  }

  .zz-page .zz-confirm-action-row{
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }
}

/* Mobile: same visual hierarchy, stacked for legibility */
@media(max-width:700px){
  .zz-page .zz-builder-summary--strip{
    padding:21px 16px 23px !important;
  }

  .zz-page .zz-confirm-section-head{
    margin-bottom:13px !important;
  }

  .zz-page .zz-builder-summary--strip .zz-summary-list{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }

  .zz-page .zz-builder-summary--strip .zz-summary-item{
    min-height:62px !important;
    padding:11px 14px !important;
  }

  .zz-page .zz-confirm-action-row{
    grid-template-columns:1fr !important;
    gap:9px !important;
    margin-top:10px !important;
  }

  .zz-page .zz-confirm-action-row .zz-confirm-guide,
  .zz-page .zz-confirm-action-row .zz-order-button{
    min-height:64px !important;
  }

  .zz-page .zz-confirm-action-row .zz-order-button{
    font-size:16px !important;
  }
}