:root{--sage:#BDC9A6;--forest:#4B5B4C;--cream:#F8F7F1;--paper:#FFFDF9;--text:#303A31;--muted:#69736A;--line:#D8DECF}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--text);font:16px/1.6 Inter,Arial,sans-serif}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--forest);outline-offset:4px}.shell{width:min(1120px,calc(100% - 40px));margin:auto}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.08}h1{font-size:clamp(3.8rem,8vw,6.6rem);margin:8px 0 16px;color:var(--forest)}h2{font-size:clamp(2.6rem,4.2vw,4rem);margin:8px 0 12px;color:var(--forest)}h3{font-size:1.7rem;color:var(--forest);margin:6px 0 10px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:600;color:var(--forest)}.hero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;text-align:center;padding:38px 120px 108px;margin-bottom:72px}.brand{position:absolute;left:0;top:26px;display:block}.brand img{width:104px;height:104px;object-fit:contain}.hero-moon{position:absolute;right:12px;top:94px;width:132px;height:auto;opacity:.95}.hero-content{max-width:720px;padding-top:55px}.hero-quote{font:500 clamp(1.3rem,2.5vw,1.75rem)/1.35 'Cormorant Garamond',serif;margin:0 0 14px}.lead{color:var(--muted);font-size:.97rem;max-width:560px;margin:0 auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:32px}.btn{border:1px solid transparent;border-radius:30px;padding:13px 26px;cursor:pointer;font:600 .9rem/1.3 Inter,Arial,sans-serif;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:9px;transition:background .2s,transform .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:var(--sage);color:var(--forest)}.btn-primary:hover:not(:disabled){background:#aebc97}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-outline{border-color:var(--forest);background:transparent;color:var(--forest)}.btn-outline:hover{background:#eef0e8}.text-link{color:var(--forest);text-underline-offset:5px;font-size:.88rem}.panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:clamp(22px,4vw,50px)}.section-heading{text-align:center}.section-heading p:not(.eyebrow):not(.count){color:var(--muted);margin:0 auto 12px}.count{color:var(--forest);font-size:.82rem;font-weight:600;margin:18px auto 6px}.deck{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-width:790px;margin:30px auto 0}.oracle-card{border:1px solid #bac4a7;border-radius:9px;background:var(--sage) url('assets/kartenrueckseite.webp') center/cover;aspect-ratio:2/3;box-shadow:0 3px 8px #4b5b4c17;cursor:pointer;transition:transform .2s,box-shadow .2s}.oracle-card:hover{transform:translateY(-6px);box-shadow:0 9px 15px #4b5b4c28}.hint{text-align:center;color:var(--muted);font-size:.84rem;margin:15px auto 30px}.chosen-wrap{border-top:1px solid var(--line);padding-top:20px}.chosen-wrap h3{text-align:center;font-size:1.8rem}.chosen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:750px;margin:22px auto;gap:14px}.slot{aspect-ratio:2/3;border:1px dashed #b5c0a9;border-radius:10px;display:grid;place-items:center;color:#a2ad9a;font:1.7rem Georgia,serif;background:#fafaf7}.slot.filled{background:var(--sage) url('assets/kartenrueckseite.webp') center/cover;border:1px solid #aeb99d}.oracle-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}.result{padding:100px 0 20px}.result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:38px 0}.result-card{border:1px solid var(--line);border-radius:15px;padding:0;background:var(--paper);text-align:left;overflow:hidden;cursor:pointer;transition:transform .2s;box-shadow:0 5px 16px #4b5b4c0c}.result-card:hover{transform:translateY(-4px)}.result-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.result-card .copy{padding:14px}.result-card h3{font-size:1.5rem;margin:0}.result-card p{font-size:.8rem;color:var(--muted);margin:4px 0}.order-panel{background:#eef1e8;border:1px solid var(--line);border-radius:24px;padding:32px;display:grid;grid-template-columns:1.5fr .85fr;gap:25px;align-items:center}.order-panel h3{font-size:2.5rem}.order-panel p{margin:5px 0;color:var(--forest)}.order-panel .order-note{font-size:.78rem;color:var(--muted);margin-top:16px}.order-actions{display:grid;gap:12px}.how{margin:110px 0 50px;scroll-margin-top:30px}.how>h2,.how>.eyebrow,.how-intro{text-align:center}.how-intro{color:var(--muted);margin:0 auto 35px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:38px 0 35px}.steps article{border-top:1px solid var(--line);padding-top:18px}.step-num{color:var(--forest);font-size:.77rem;letter-spacing:.1em}.steps h3{font-size:1.65rem}.steps p{font-size:.85rem;color:var(--muted);margin:0}.faq{border-top:1px solid var(--line);padding:17px 2px}.faq:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--forest);font-weight:600}.faq p{max-width:780px;color:var(--muted);font-size:.88rem}.foot{text-align:center;padding:15px 0 60px;color:var(--muted);font-size:.8rem}.foot img{object-fit:contain}.foot p{margin:8px}.foot a{color:var(--forest)}.card-dialog{border:1px solid var(--line);border-radius:24px;padding:0;background:var(--paper);width:min(760px,calc(100% - 24px));max-height:min(90vh,900px);box-shadow:0 22px 80px #27372b55}.card-dialog::backdrop{background:#26342ac2}.dialog-close{position:absolute;right:12px;top:12px;z-index:2;border:1px solid var(--line);background:var(--paper);border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;color:var(--forest)}.dialog-card{display:grid;grid-template-columns:1fr 1.12fr}.dialog-image{width:100%;height:100%;min-height:450px;object-fit:cover}.dialog-copy{padding:46px 35px;overflow:auto}.dialog-copy h2{font-size:3rem}.dialog-theme{font:1.6rem 'Cormorant Garamond',serif;color:var(--forest);margin:0 0 22px}.dialog-copy ul{padding-left:18px;color:var(--text);line-height:1.75}.dialog-copy li::marker{color:var(--forest)}.dialog-disclaimer{color:var(--muted);font-size:.75rem;margin-top:24px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,18px);opacity:0;transition:.2s;background:var(--forest);color:white;border-radius:20px;padding:10px 16px;pointer-events:none;font-size:.85rem;z-index:15}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:850px){.deck{grid-template-columns:repeat(6,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,1fr)}.order-panel{grid-template-columns:1fr}.hero{padding:40px 60px 90px}.brand img{width:75px;height:75px}.hero-moon{width:80px}}@media(max-width:580px){.shell{width:calc(100% - 24px)}.hero{min-height:400px;padding:100px 6px 70px;margin-bottom:50px}.brand{top:10px;left:6px}.brand img{width:64px;height:64px}.hero-moon{width:65px;top:18px;right:8px}.hero-content{padding-top:10px}.hero-actions{flex-direction:column;gap:14px}.hero h1{font-size:3.5rem}.deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.oracle-card{border-radius:5px}.chosen{gap:5px}.slot{border-radius:5px}.section-heading h2{font-size:2.7rem}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:1fr;gap:16px}.oracle-actions .btn{flex:1 1 100%}.dialog-card{display:block}.dialog-image{height:195px;min-height:0}.dialog-copy{padding:20px 24px}.dialog-copy h2{font-size:2.4rem}.card-dialog{max-height:88vh}.result{padding-top:55px}.how{margin-top:75px}.order-panel{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
/* V3: hero follows the approved, restrained moon-and-herb mockup */
body{background:#faf7f0;background-image:radial-gradient(ellipse at 50% 5%,#fffdf9 0%,transparent 65%)}
.shell{width:min(1160px,calc(100% - 40px))}
.hero{min-height:540px;padding:150px 170px 90px;margin-bottom:140px;isolation:isolate}
.brand{left:50%;top:16px;transform:translateX(-50%);z-index:3}
.brand img{width:118px;height:118px}
.hero-moon{left:4px;right:auto;top:190px;width:150px;opacity:1}
.hero-botanical{position:absolute;right:-45px;top:135px;width:270px;height:395px;background-image:url('assets/tarot-illustration.webp');background-size:cover;background-position:center;opacity:.8;mask-image:radial-gradient(ellipse 50% 55% at center,#000 55%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 55% at center,#000 55%,transparent 100%);z-index:-1}
.hero-content{padding-top:20px}
.hero-content:after{content:'✧';display:block;font:32px Georgia,serif;color:#c3ad7d;margin-top:30px}
.hero .lead{max-width:570px}
.panel{background:#fdfaf4;border-color:#dcd5c4;box-shadow:0 6px 45px #4b5b4c08}
.oracle{position:relative}.oracle:before{content:'✦';display:block;text-align:center;color:#ad9468;font-size:20px}
.shuffle-icon{width:19px;height:19px;flex-shrink:0}
.oracle-card{border:2px solid #bbaf8a;box-shadow:0 3px 12px #4b5b4c1a}
.chosen-wrap{border-color:#e0d5c4}
.slot{background:#f9f5ed;border:1px dashed #c8bda9;color:#a7a084}
.result-grid{gap:19px;align-items:stretch}
.result-card{position:relative;border-radius:90px 90px 12px 12px;border:1px solid #c5b89b;background:linear-gradient(180deg,#e6eada,#fbf6ea 70%);text-align:center;box-shadow:0 9px 23px #4b5b4c12;padding:13px 10px 18px;overflow:hidden}
.result-card:before{content:'';position:absolute;inset:6px;border:1px solid #b4bea8;border-radius:88px 88px 8px 8px;pointer-events:none}
.result-card-number{display:block;font-size:8px;letter-spacing:.16em;font-weight:600;color:var(--forest);margin:8px 0 12px}
.result-image-frame{width:calc(100% - 16px);aspect-ratio:1;margin:0 auto;border-radius:50%;border:4px solid #f8f4e9;outline:1px solid #b0b99d;overflow:hidden;background:#e8e6da}
.result-card img{width:100%;height:100%;aspect-ratio:1;object-fit:cover;display:block;filter:saturate(.84)}
.result-card .copy{padding:4px 5px 2px}
.result-ornament{display:block;font-size:11px;color:#b59d71;letter-spacing:.1em;margin:9px 0 2px}
.result-card h3{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.02;overflow-wrap:anywhere;margin:8px 0}
.result-card p{font:italic 1.04rem/1.3 'Cormorant Garamond',serif;color:var(--forest);min-height:2em}
.result-more{font-size:10px;letter-spacing:.02em;color:var(--forest);text-decoration:underline;text-underline-offset:4px}
.dialog-card{background:#faf7ef}
.dialog-art{position:relative;background:linear-gradient(140deg,#d9e0c9,#f4eedf);padding:24px 22px 55px;display:flex;align-items:center;justify-content:center}
.dialog-image{width:100%;height:100%;max-height:410px;min-height:330px;object-fit:cover;border-radius:180px 180px 10px 10px;border:5px solid #f8f4e9;outline:1px solid #aaac91;box-shadow:0 9px 27px #4b5b4c25}
.dialog-art-caption{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--forest);font-size:10px;letter-spacing:.22em}
.dialog-copy{background:radial-gradient(ellipse at 100% 0%,#eff1e7 0%,transparent 70%);padding:55px 40px}
.dialog-theme{padding-bottom:16px;border-bottom:1px solid #d8d4c4}
.order-actions{display:flex;justify-content:center}
.order-actions .btn{width:100%}
@media(max-width:850px){.hero{padding:155px 110px 70px;min-height:510px;margin-bottom:95px}.hero-moon{width:110px;top:200px}.hero-botanical{width:190px;height:330px;right:-25px}.brand img{width:100px;height:100px}.deck{grid-template-columns:repeat(6,minmax(0,1fr))}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.hero{padding:110px 12px 54px;min-height:auto;margin-bottom:85px}.brand{top:5px}.brand img{width:80px;height:80px}.hero-moon{left:-4px;top:100px;width:59px;opacity:.7}.hero-botanical{top:100px;right:-8px;width:75px;height:165px;opacity:.5}.hero h1{font-size:clamp(3rem,11vw,4rem)}.hero-content{padding-top:25px}.deck{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.result-card{padding:10px 5px 15px}.result-card-number{font-size:6px}.result-card h3{font-size:1.45rem}.result-image-frame{width:calc(100% - 12px)}.dialog-art{padding:20px 40px 40px}.dialog-image{height:235px;min-height:0;max-height:none}.dialog-copy{padding:27px 26px}.shell{width:calc(100% - 24px)}}

/* V4 – approved botanical moon background, calmer hero spacing, unified cards */
body{background:#faf7f0}
.hero{background:#f7f1e4 url('assets/hero-hintergrund.png') center center / cover no-repeat;min-height:490px;padding:142px clamp(130px,16vw,190px) 58px;margin:0 calc(-1 * max(20px, (100vw - 1160px)/2)) 48px;border-radius:0 0 18px 18px;overflow:hidden}
.hero-content{position:relative;z-index:2;padding-top:4px;max-width:660px;margin:0 auto;background:radial-gradient(ellipse at center,#f9f5e9de 0%,#f9f5e98c 55%,transparent 77%)}
.hero-content:after{display:none}
.brand{top:12px}
.hero .lead{max-width:520px;color:#3e4b3f}
.hero-actions{gap:14px;flex-wrap:wrap;margin-top:23px}
.btn-secondary{background:#fffdf9;border:1px solid #252a25;color:#252a25}
.btn-secondary:hover:not(:disabled){background:#f1f3e9}
.oracle{margin-top:0}
.faq summary{list-style:none;display:block;padding-right:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:''}
.result-card-number{display:none}
.result-card .copy{padding-top:6px}
.result-ornament{font:normal 1.8rem/1 'Cormorant Garamond',Georgia,serif;letter-spacing:0;margin:10px auto 4px;color:#9a956a}
.result-more{font-size:clamp(.84rem,1.1vw,.97rem);font-weight:600;letter-spacing:0;display:inline-block;margin:10px 0 6px}
.result-card h3{margin:5px 0 8px}
.result-card{padding-top:24px}
.dialog-card{grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);background:#faf7ef;min-height:360px}
.dialog-art{background:radial-gradient(circle at 48% 42%,#e7e9da 0,#e2e6d4 48%,#f6efdd 100%);padding:50px 22px 66px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;gap:15px}
.dialog-image-frame{width:min(150px,70%);aspect-ratio:1;flex:none;overflow:hidden;border-radius:50%;border:5px solid #f9f7ee;outline:1px solid #a5b299;box-shadow:0 9px 24px #4b5b4c20}
.dialog-image{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;border:0;outline:0;box-shadow:none;border-radius:0}
.dialog-moon{width:54px;height:65px;object-fit:contain;opacity:.88}
.dialog-art-caption{font-size:10px;letter-spacing:.17em;bottom:22px}
.dialog-copy{padding:50px 38px;background:radial-gradient(ellipse at 100% 0%,#eff1e7 0%,transparent 72%)}
.dialog-copy h2{color:var(--forest)}
@media(max-width:850px){.hero{min-height:450px;padding:125px 14vw 50px;margin:0 -20px 44px;background-position:center center}.hero-content{padding-top:8px}.dialog-image-frame{width:145px}}
@media(max-width:580px){.hero{min-height:420px;padding:96px 18px 38px;margin:0 -12px 30px;background-position:center center}.hero-content{padding:35px 13px 16px;background:#f9f5e8cc;border-radius:20px}.brand{top:7px}.hero-actions{gap:10px}.hero-actions .btn{width:100%;max-width:300px}.dialog-card{display:block}.dialog-art{padding:30px 15px 54px;gap:7px}.dialog-image-frame{width:135px}.dialog-moon{width:34px;height:40px}.dialog-copy{padding:23px}.result-ornament{font-size:1.5rem}.result-more{font-size:.87rem}}

/* V5 – quieter continuous parchment, fine celestial details */
body { background-color:#f8f3e9; background-image:url('assets/seitensterne.png'),radial-gradient(ellipse at 50% 6%,#fffdf6 0%,#f8f2e7 68%,#f4eedf 100%);background-repeat:repeat,no-repeat;background-size:1200px 900px,100% 100%;background-attachment:scroll,scroll }
.hero { margin-bottom:44px; }
.hero .btn-secondary{background:transparent;border:1px solid #252a25;color:#252a25;}
.hero .btn-secondary:hover{background:#ffffff30;}
/* Result cards: restored elegant moon/star botanical separator */
.result-ornament{display:flex;gap:7px;align-items:center;justify-content:center;font:normal 1.22rem/1 Georgia,serif;color:#a99870;letter-spacing:0;margin:12px auto 8px;}
.result-ornament .orn-line{width:19px;height:1px;background:#b9a57a;display:inline-block;}
.result-ornament .orn-star{font-size:.93rem;}
/* Detail view: mystical yet readable, image kept at original circular size */
.card-dialog{border:1px solid #aeae8b;background:#fcf8ef;box-shadow:0 25px 90px #192a1ec0;}
.dialog-card{background:#f8f3e8;}
.dialog-art{background:radial-gradient(circle at 50% 42%,#e9e7d4 0,#dfe5d3 52%,#d1d9c2 100%);overflow:hidden;isolation:isolate;}
.dialog-art:before{content:'✧    ·    ✦    ·    ✧';position:absolute;top:19px;color:#b79c69;letter-spacing:.9em;font-size:17px;white-space:nowrap;opacity:.8;}
.dialog-art:after{content:'';position:absolute;inset:15px;border:1px solid #a6b29588;border-radius:190px 190px 15px 15px;pointer-events:none;z-index:-1;}
.dialog-image-frame{width:150px;border:5px solid #f9f5e9;outline:1px solid #9aa78c;box-shadow:0 0 0 12px #fbf5e650,0 10px 30px #4b5b4c25;}
.dialog-moon{width:77px;height:82px;}
.dialog-art-caption{font-size:11px;letter-spacing:.19em;}
.dialog-copy{background:radial-gradient(circle at 100% 0%,#e7ebdc 0%,transparent 59%),#faf7ef;position:relative;}
.dialog-copy:before{content:'✦ — ☾ — ✦';position:absolute;right:35px;top:18px;color:#b8a277;font:18px Georgia,serif;}
.dialog-copy .eyebrow{letter-spacing:.2em;}
.dialog-theme{border-bottom:1px solid #d0d1bc;color:var(--forest);padding-bottom:20px;}
.dialog-copy li{margin-bottom:9px;}
.dialog-copy li::marker{color:#ac9364;}
/* Ordering panel is a distinct ritual-like invitation */
.order-panel{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:1.2fr .9fr;gap:24px;padding:40px 45px;border-radius:25px;border:1px solid #c2baa1;background:radial-gradient(ellipse at 85% 30%,#e0e5d1 0%,transparent 55%),linear-gradient(130deg,#f8f2e6,#e9eddf);box-shadow:0 12px 40px #4b5b4c1d;}
.order-panel:before{content:'☾';position:absolute;right:18px;top:-88px;font:250px Georgia,serif;color:#bdc9a64d;z-index:-1;pointer-events:none;transform:rotate(-13deg)}
.order-panel:after{content:'✦     ·     ✧     ·    ✦';position:absolute;bottom:14px;left:42px;color:#b19e72;font-size:15px;letter-spacing:10px;opacity:.8;pointer-events:none;}
.order-panel .eyebrow{font-size:.78rem;letter-spacing:.2em;}
.order-panel h3{font-size:clamp(2.25rem,3.8vw,3.4rem);line-height:1.04;max-width:470px;margin:14px 0;}
.order-panel #selectionText{font-size:.94rem;line-height:1.55;max-width:490px;}
.order-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;}
.order-actions .btn{font-size:1.04rem;padding:18px 22px;border-radius:30px;box-shadow:0 7px 20px #4b5b4c17;}
.order-actions .order-note{font-size:.82rem;line-height:1.5;text-align:center;color:var(--forest);margin:0;padding:0 5px;}
@media(max-width:850px){.order-panel{grid-template-columns:1fr;padding:35px 28px;}.order-actions{max-width:500px;}.hero{margin-bottom:38px;}}
@media(max-width:580px){body{background-size:800px 600px,100% 100%;}.hero{margin-bottom:24px;}.result-ornament{font-size:1.1rem;gap:5px;}.result-ornament .orn-line{width:12px;}.dialog-art:before{top:10px;}.dialog-image-frame{width:135px;}.dialog-moon{width:52px;height:57px;}.dialog-copy:before{top:8px;right:22px;font-size:14px;}.order-panel{padding:30px 23px 42px;}.order-panel h3{font-size:2.5rem;}.order-panel:after{left:20px;letter-spacing:6px;}}


/* V6: genuine continuous watercolor parchment on the ENTIRE DOCUMENT */
html { background:#f8f3e8 url('assets/ganze-seite-pergament.webp') center top / 1400px 1700px repeat; }
body {background:transparent !important; background-image:none !important; min-height:100vh; }
/* Hero artwork is distinct from the full-document background; the two no longer replace one another. */
.hero {background:transparent !important; position:relative; isolation:isolate; overflow:hidden; margin-bottom:37px; min-height:475px; padding-top:158px;}
.hero::before {content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/hero-hintergrund.png') center 48% / 90% auto no-repeat;opacity:.92;}
.hero-content {background:radial-gradient(ellipse at center,#f9f4e9d9 0%,#f9f4e999 60%,transparent 80%);}
.brand {top:7px;}
.brand img {width:151px;height:151px;}
/* The shop invitation uses the same celestial vocabulary as the hero. */
.order-panel {position:relative;overflow:hidden; isolation:isolate; padding:48px 52px; border:1px solid #b9ae8d; border-radius:28px; background:linear-gradient(110deg,#eee9d9f5 0%,#e8e9d9f2 55%,#e6e8d5f4 100%);box-shadow:0 12px 38px #4b5b4c22;}
.order-panel::before {content:'';position:absolute;z-index:-1;right:-20px;top:-92px;width:430px;height:430px;border-radius:50%;background:repeating-conic-gradient(from 2deg at 50% 50%,#b49a6478 0deg .48deg,transparent .5deg 10deg);-webkit-mask-image:radial-gradient(circle,transparent 0 27%,#0008 28% 66%,transparent 70%);mask-image:radial-gradient(circle,transparent 0 27%,#0008 28% 66%,transparent 70%);opacity:.55;}
.order-panel::after {content:'✧  ✦  ·  ✧  ·  ✦';position:absolute;left:auto;right:30px;bottom:18px;letter-spacing:12px;font-size:18px;color:#aa9365;opacity:.8;}
.order-panel .order-actions::before {content:'';display:block;width:104px;height:96px;margin:-7px auto -1px;background:url('assets/mond.png') center / contain no-repeat;opacity:.9;}
.order-panel h3 {font-size:clamp(2.5rem,4vw,3.65rem);line-height:1.02;}
.order-actions .btn {border:1px solid #65745b;box-shadow:0 7px 22px #4b5b4c25;font-weight:600;font-size:1.05rem;}
.order-actions .order-note {margin-top:7px;max-width:335px;align-self:center;}
@media(max-width:850px){.hero{padding-top:153px;min-height:450px}.hero::before{background-size:100% auto}.brand img{width:135px;height:135px}.order-panel{padding:38px 30px;}}
@media(max-width:580px){html{background-size:900px 1100px}.hero{min-height:430px;padding-top:126px;margin-bottom:26px}.hero::before{background-size:auto 100%;opacity:.65}.brand img{width:104px;height:104px}.hero-content{background:#f9f4e8d9}.order-panel{padding:35px 24px 44px}.order-panel::before{width:300px;height:300px;right:-100px;top:-75px}.order-panel .order-actions::before{width:76px;height:72px;margin:0 auto}.order-panel h3{font-size:2.7rem}}


/* V7 – full-bleed hero and approved Variant 1 shop banner */
.hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0!important;background:transparent!important;overflow:hidden}
.hero::before{background-size:cover!important;background-position:center 48%!important;opacity:.91}
.order-panel{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:0;padding:0!important;min-height:340px;position:relative;background:#faf3e4!important;border:1px solid #b8aa86;border-radius:26px;box-shadow:0 12px 32px #4b5b4c17;isolation:isolate;overflow:hidden}
.order-panel::before,.order-panel::after,.order-panel .order-actions::before{content:none!important;display:none!important}
.order-art{height:100%;min-height:340px;position:relative;overflow:hidden;align-self:stretch}
.order-art img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% center;mix-blend-mode:multiply;opacity:.96}
.order-content{padding:27px 42px 30px 18px;text-align:center;position:relative;z-index:1}
.order-panel h3{font:500 clamp(2.3rem,4vw,3.8rem)/.99 'Cormorant Garamond',Georgia,serif;max-width:none;margin:6px auto 15px;color:#4B5B4C}
.order-panel .order-description{font:1.12rem/1.5 'Cormorant Garamond',Georgia,serif;max-width:510px;margin:0 auto 14px;color:#465747}
.order-panel .order-selection{font-size:.79rem;max-width:510px;margin:0 auto 15px;color:#52604f}
.order-actions{max-width:450px;margin:auto;gap:13px}
.order-actions .btn{width:100%;background:#BDC9A6;color:#4B5B4C;border:1.5px solid #4B5B4C;font:600 1.05rem/1.3 Inter,Arial,sans-serif;padding:15px 22px;border-radius:999px;box-shadow:0 5px 14px #4b5b4c17}
.order-actions .btn:hover{background:#aab997;box-shadow:0 8px 16px #4b5b4c23}
.order-actions .order-note{margin:0 auto;max-width:440px;font-size:.76rem;line-height:1.5;color:#5d675b}
@media(max-width:850px){.order-panel{grid-template-columns:38% 62%}.order-art{min-height:330px}.order-content{padding:24px 23px}.order-panel h3{font-size:clamp(2.2rem,5vw,3rem)}}
@media(max-width:580px){.hero{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.hero::before{background-size:auto 100%!important}.order-panel{grid-template-columns:1fr}.order-art{min-height:180px;height:180px}.order-art img{object-position:center 45%}.order-content{padding:18px 22px 28px}.order-panel h3{font-size:2.5rem}.order-panel .order-description{font-size:1.12rem}.order-actions .btn{font-size:1rem}}

/* V8 — compact celestial shop CTA matching approved variant 1 mockup */
.order-panel {
 display:flex!important;align-items:center;justify-content:flex-end;
 min-height:0!important;height:auto!important;grid-template-columns:none!important;
 padding:26px 4.5% 27px 43%!important;
 border:1px solid #bbae87!important;border-radius:24px!important;
 background:#f8f0df url('assets/banner-variant1-art.png') left center / auto 100% no-repeat!important;
 box-shadow:0 9px 28px #4b5b4c12!important;
}
.order-panel:before,.order-panel:after,.order-panel .order-actions::before{display:none!important;content:none!important}
.order-content{width:100%;max-width:610px;padding:0!important;text-align:center!important;}
.order-panel h3{margin:0 auto 8px!important;font:500 clamp(2.1rem,3.5vw,3.05rem)/.95 'Cormorant Garamond',Georgia,serif!important;color:#4B5B4C!important;}
.order-panel .order-description{margin:0 auto 13px!important;max-width:480px!important;font:500 clamp(1rem,1.6vw,1.18rem)/1.3 'Cormorant Garamond',Georgia,serif!important;}
.order-panel .order-selection{display:none!important}
.order-actions{max-width:350px!important;margin:0 auto!important;display:block!important}
.order-actions .btn{min-height:48px!important;padding:11px 25px!important;width:100%!important;font-size:.97rem!important;border:1.5px solid #4B5B4C!important;background:#BDC9A6!important;}
.order-actions .btn:hover{background:#aebf98!important}
.order-actions .order-note{display:none!important}
@media(max-width:850px){.order-panel{padding:23px 4% 23px 40%!important;min-height:225px!important;background-size:auto 100%!important}.order-panel h3{font-size:2.3rem!important}.order-panel .order-description{font-size:1.02rem!important}}
@media(max-width:580px){.order-panel{min-height:0!important;display:block!important;padding:150px 20px 22px!important;background-position:center top!important;background-size:auto 205px!important;background-color:#f8f0df!important}.order-content{background:#f8f0dff5;border-radius:16px;padding:12px 6px 4px!important}.order-panel h3{font-size:2.1rem!important}.order-panel .order-description{font-size:1.05rem!important}.order-actions .btn{font-size:.95rem!important}}