:root {
 --plum:#560b38; --plum-dark:#380b2c; --berry:#9d124a; --red:#ce132e;
 --cream:#fffaf0; --gold:#d7a451; --gold-light:#ffebbd; --ink:#25182a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,'Segoe UI',Arial,Helvetica,sans-serif;line-height:1.38;min-height:100vh;
 background:
 radial-gradient(circle at 6% 12%,#fff0bd 0 1.4%,transparent 1.45%),
 radial-gradient(circle at 91% 9%,#ffeaae 0 1.25%,transparent 1.3%),
 radial-gradient(circle at 12% 68%,#ffd08a99 0 1.5%,transparent 1.6%),
 radial-gradient(circle at 84% 73%,#ffeebc 0 2.2%,transparent 2.3%),
 radial-gradient(circle at 57% 3%,#fffbea 0,#fff3cc 13%,transparent 38%),
 radial-gradient(circle at 0% 30%,#a55a38 0,transparent 34%),
 radial-gradient(circle at 100% 30%,#ae5a48 0,transparent 34%),
 linear-gradient(125deg,#b98054 0%,#e8b878 10%,#fff2ce 23%,#fffaf0 40%,#fff5df 66%,#eec18d 89%,#ad7250 100%);
 background-attachment:fixed;
}
body::before{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;opacity:.57;background-image:
 radial-gradient(2px 2px at 2% 12%,#fff 99%,transparent),radial-gradient(5px 5px at 4% 82%,#fff8db 99%,transparent),
 radial-gradient(7px 7px at 18% 2%,#fff 99%,transparent),radial-gradient(4px 4px at 24% 87%,#fff 99%,transparent),
 radial-gradient(3px 3px at 51% 8%,#fff 99%,transparent),radial-gradient(5px 5px at 68% 91%,#fff 99%,transparent),
 radial-gradient(10px 10px at 97% 20%,#fff4df 99%,transparent),radial-gradient(3px 3px at 92% 96%,#fff 99%,transparent);}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.27;background:repeating-linear-gradient(90deg,transparent 0 45px,#fff3d7 45px 46px,transparent 46px 100px);mask-image:linear-gradient(90deg,#000,transparent 23%,transparent 78%,#000)}
.glow{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(55px)}
.glow-one{width:230px;height:300px;left:-115px;top:150px;background:#ffd999}
.glow-two{width:240px;height:290px;right:-140px;bottom:3%;background:#f8cb93}
.sparkles{position:fixed;z-index:0;top:2%;right:1%;font-size:23px;color:#ffe9ac;text-shadow:0 0 15px #fff,0 0 10px #fff;transform:rotate(-13deg);pointer-events:none}
.site-wrapper{position:relative;max-width:1430px;margin:0 auto;padding:24px 34px 16px;z-index:1}
.top-label{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 9px;color:#7b5637;letter-spacing:.24em;font-weight:800;font-size:10px;text-shadow:0 1px #fff}
.label-dot{width:4px;height:4px;display:inline-block;border-radius:50%;background:#c47b43;box-shadow:0 0 10px #fff}
.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:212px;padding:18px 58px 14px;border-radius:34px 34px 24px 24px;background:linear-gradient(105deg,#fffdf7eF 0%,#fff9e9ef 58%,#fff4e1e8 100%);border:2px solid #fff;outline:1px solid #d7ad77;box-shadow:0 14px 45px #8e482a30,inset 0 1px 15px #ffffff,inset 0 -8px 15px #ebcda54f;overflow:visible}
.hero::before{content:"";position:absolute;width:240px;height:80px;right:8%;bottom:0;background:radial-gradient(ellipse,#ffe0a988,transparent 70%);pointer-events:none}
.hero-kicker{color:#b48652;font-size:11px;letter-spacing:.12em;font-weight:900;margin-bottom:2px}
h1{font-size:clamp(54px,6.3vw,102px);letter-spacing:-.065em;line-height:1;margin:0 0 9px;font-weight:1000;color:#560a3e;text-shadow:2px 4px 0 #c47caa2e}
h1 span{background:linear-gradient(160deg,#b3195a,#560b3b);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-copy p{font-size:clamp(13px,1.12vw,17px);color:#5e4853;margin:0;max-width:445px;line-height:1.35}
.hero-copy p strong{color:#6a1745}
.hero-perks{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:11px;font-weight:750;color:#8b5a53;margin-top:17px}
.hero-perks span::first-letter{color:#b91b62}
.hero-offer{align-self:center;padding:17px 120px 17px 28px;position:relative;border-left:1px solid #dab38e}
.hero-price-top{font-size:15px;color:#7f5c63;margin-bottom:3px}
.hero-price-top del{text-decoration-color:#b11d3c;text-decoration-thickness:2px;color:#9a7b7f}
.price-label{font-size:clamp(17px,1.7vw,25px);color:#a91135;font-weight:1000;white-space:nowrap;letter-spacing:.015em}
.price-number{font-size:clamp(39px,4.2vw,69px);font-weight:1000;line-height:1.03;letter-spacing:-.045em;background:linear-gradient(180deg,#e74436 5%,#c20029 52%,#831232 100%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:0 4px 13px #ff90902c;white-space:nowrap}
.price-number span{font-size:.68em}
.price-small{color:#aa6671;font-size:12px;font-weight:700;margin-top:3px}
.discount-burst{position:absolute;right:-80px;top:-51px;z-index:2;width:146px;height:146px;filter:drop-shadow(0 8px 12px #7a293d77);color:white;background:radial-gradient(circle at 34% 24%,#ff5b3c 0,#e90029 45%,#9d0025 90%);clip-path:polygon(50% 0%,58% 8%,68% 3%,73% 12%,84% 10%,86% 22%,98% 24%,95% 36%,100% 49%,92% 58%,97% 69%,86% 76%,86% 88%,73% 88%,67% 98%,56% 92%,49% 100%,41% 92%,30% 98%,25% 87%,13% 87%,12% 75%,1% 70%,7% 59%,0% 49%,7% 39%,2% 26%,14% 22%,17% 10%,30% 12%,40% 2%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px 5px #89001e}
.discount-burst span{font-size:43px;letter-spacing:-.08em;font-weight:1000;line-height:1}
.discount-burst small{font-size:11px;letter-spacing:.13em;margin-top:4px;font-weight:900}
.gold-rule{display:flex;justify-content:center;align-items:center;margin:13px 0 12px;gap:12px;color:#bc8654;font-size:19px}
.gold-rule::before,.gold-rule::after{content:"";height:1px;width:36%;background:linear-gradient(90deg,transparent,#c99b64)}
.gold-rule::after{transform:rotate(180deg)}
.products{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:stretch}
.products-card{position:relative;border-radius:28px;border:1px solid #f7deb6;outline:2px solid #ffffffd4;background:linear-gradient(145deg,#fffffff7,#fffcf1f7 69%,#fff3e9f2);box-shadow:0 12px 40px #783c4426,0 0 0 4px #f1c58e73,inset 0 1px 12px #fff;overflow:hidden}
.card-heading{display:flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(98deg,#61053f 0%,#9b1755 39%,#ce6b97 74%,#ffe1c8 100%);border-bottom:2px solid #dfb879;color:white;min-height:58px;text-shadow:0 1px 3px #4a124f55}
.card-heading h2{margin:0;font-size:clamp(16px,1.55vw,21px);font-weight:1000;letter-spacing:-.016em}
.heading-symbol{display:grid;place-items:center;width:31px;height:31px;color:#ffe1a3;font-size:25px;font-weight:800;flex:none;text-shadow:0 0 13px #fff1ce}
.card-body{position:relative;padding:20px 22px 18px;z-index:0}
.card-body::before{content:"";position:absolute;z-index:-1;right:-115px;bottom:-140px;height:300px;width:300px;border:2px solid #edd6bb80;border-radius:50%;box-shadow:0 0 0 40px #f7e1c44a,0 0 0 70px #f8e8d532;opacity:.7}
.highlight-line{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 6px 5px 0;font-weight:780;font-size:14px}
.highlight-line del{color:#bf5762;font-size:12px;font-weight:500;white-space:nowrap;text-decoration-color:#cb1733}
.check{display:grid;place-items:center;flex-shrink:0;border-radius:6px;width:23px;height:23px;background:linear-gradient(155deg,#9bf0b4,#19b949 53%,#00862f);color:white;font-size:19px;line-height:1;font-weight:1000;text-shadow:0 1px 1px #004b12;box-shadow:inset 0 1px #ffffffa0,0 2px 4px #398f3440}
.feature-line{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:14px;line-height:1.35;font-weight:560;min-height:31px}
.feature-line em{font-size:.88em;font-style:normal;color:#765767}
.feature-line .check{width:23px;height:23px;font-size:17px}
.thin-divider{height:1px;margin:9px 0;background:linear-gradient(90deg,transparent,#e2cab3,transparent)}
.new-tag{display:inline-grid;place-items:center;flex-shrink:0;border-radius:25px;min-width:48px;height:24px;padding:2px 7px;color:#fff;font-weight:1000;font-size:10px;letter-spacing:.04em;background:linear-gradient(180deg,#ff7a24,#ed1c22);text-shadow:0 1px 1px #9f1817;box-shadow:0 2px 3px #b7453538}
.starter-tip{margin-top:16px;display:flex;align-items:center;gap:10px;padding:12px 13px;border-radius:17px;background:linear-gradient(90deg,#ffe9ef,#fff1ef);border:1px solid #eec0ce;color:#7d0c44;font-size:15px;box-shadow:inset 0 2px #fff}
.starter-tip .check{width:28px;height:28px;font-size:21px}
.bird-stamp{position:absolute;right:10px;bottom:85px;pointer-events:none;font-size:145px;font-family:serif;opacity:.12;color:#aa782c;z-index:-1;transform:rotate(22deg)}
.calendar-content{position:relative;min-height:284px}
.calendar-list{position:relative;z-index:1;max-width:calc(100% - 125px)}
.calendar-list .feature-line,.calendar-list .highlight-line{font-size:13px;padding-top:4px;padding-bottom:4px;min-height:27px}
.calendar-list .highlight-line{font-size:13px}
.calendar-list .highlight-line del{font-size:11px}
.calendar-list .check{height:20px;width:20px;font-size:15px;border-radius:5px}
.calendar-list .highlight-line{grid-template-columns:22px minmax(0,1fr)}
.calendar-list .highlight-line del{grid-column:2;margin-top:-4px}
.book-visual{position:absolute;right:-7px;top:31px;width:170px;height:260px;isolation:isolate;transform:rotate(4deg)}
.book-visual::after{content:"";position:absolute;left:8px;right:6px;bottom:6px;height:16px;background:#51103599;filter:blur(13px);z-index:-1}
.calendar-paper{position:absolute;top:-7px;width:123px;height:158px;border:4px solid #e5bd8c;background:#ffe8c8;box-shadow:0 5px 13px #582b3e4c;transform:rotate(-12deg);border-radius:4px}
.paper-one{right:-5px;top:4px;transform:rotate(16deg)}
.paper-two{right:5px;top:-10px;transform:rotate(-2deg)}
.paper-grid{font-family:Georgia,serif;color:#a76e3c;text-align:center;padding:21px 5px;line-height:2.8;font-size:14px}
.book-cover{position:absolute;inset:29px 18px 0 10px;border-radius:3px 9px 8px 3px;transform:rotate(-6deg);background:radial-gradient(ellipse at 50% 30%,#a93a6a 0,#5b1248 62%,#2e082c 100%);box-shadow:6px 8px 1px #a47b59,9px 9px 13px #53264299,inset 5px 0 0 #ffffff20;outline:2px solid #e9be81;outline-offset:-8px;color:#f9d68a;text-align:center;overflow:hidden}
.book-cover::before,.book-cover::after{content:"✧";position:absolute;font-family:Georgia,serif;color:#e6b16d;font-size:36px;opacity:.7;left:0;bottom:10px}
.book-cover::after{left:auto;right:3px;top:12px}
.book-top-flower{padding-top:17px;font-size:18px;color:#ffa0ba;letter-spacing:2px}
.book-caption{padding-top:20px;font-family:Georgia,serif;font-size:13px;font-weight:800}
.book-name{font-family:Georgia,serif;font-weight:900;font-size:17px;line-height:1.16;text-shadow:0 2px #491134;margin-top:4px}
.book-emblem{font-size:42px;line-height:1.4;color:#edb959;text-shadow:0 0 10px #dfba6640}
.book-bottom{font-size:9px;letter-spacing:.18em;font-weight:800}
.coin{position:absolute;z-index:3;right:0px;top:70px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#fff3bb,#b9741d 54%,#77380a);border:4px double #ffd37d;color:#fff6ca;font-size:35px;box-shadow:0 3px 8px #762c145c}
.gift-panel{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,#fff1ed,#ffe7ed);border:1px solid #f5a5b0;border-radius:16px;padding:11px 14px;font-size:13px;line-height:1.35;color:#74213d;margin-top:14px}
.gift-panel strong{font-weight:900;color:#9b123d;font-size:14px}
.gift-icon{font-size:27px}
.gift-value{color:#bf1438;font-weight:900;white-space:nowrap}
.bonuses-title{margin:13px 0 7px;font-weight:1000;color:#7a1042;font-size:16px}
.bonuses-title span{color:#e3872c}
.bonus-list{display:grid;grid-template-columns:1fr 1fr;column-gap:13px;row-gap:6px;font-size:12px;font-weight:570}
.bonus-list div{display:flex;gap:6px}
.bonus-list span{color:#e65a35;flex:none;font-size:14px}
.conversion{position:relative;margin:19px auto 4px;max-width:920px;border-radius:32px;padding:9px;background:linear-gradient(125deg,#f6d28d,#fff0c3,#c58e57,#ffdca9);box-shadow:0 16px 38px #5b233d45,0 0 28px #fff7db, inset 0 1px 2px white}
.conversion-inset{border-radius:25px;background:radial-gradient(ellipse at 50% -20%,#9f3c64 0,transparent 65%),linear-gradient(145deg,#4a1637,#2d092a 52%,#63193e);border:1px solid #b97961;text-align:center;padding:14px 28px 17px;color:white;box-shadow:inset 0 1px 10px #eabf9855,inset 0 -11px 15px #14071d55}
.conversion-title{display:flex;gap:8px;align-items:center;justify-content:center;font-size:16px;font-weight:850;margin-bottom:10px}
.clock-circle{color:#ffe79c;font-family:Arial,sans-serif;font-size:28px;line-height:1}
.timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:575px;margin:auto;gap:9px}
.timer-box{padding:7px 5px 6px;border-radius:14px;border:1px solid #ff83a3;background:linear-gradient(160deg,#f7447d,#9e0e4e 50%,#710c3e 100%);box-shadow:inset 0 2px 3px #fff7,inset 0 -5px 8px #50032f40,0 5px 11px #09051450;display:flex;flex-direction:column;align-items:center}
.timer-box strong{font-size:clamp(26px,3vw,37px);font-weight:1000;line-height:1.05;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #530c39}
.timer-box span{font-size:10px;font-weight:900;margin-top:2px;letter-spacing:.09em}
.deadline{margin:9px 0 13px;color:#ecd6c8;font-size:11px;font-weight:640;letter-spacing:.013em}
.cta-button{display:flex;justify-content:center;align-items:center;gap:19px;max-width:650px;margin:0 auto;text-align:center;padding:15px 26px;text-decoration:none;color:#fff;border:2px solid #ffe5a8;border-radius:60px;background:linear-gradient(180deg,#ff8ba0 0%,#ff1b61 23%,#e4004d 50%,#a30c39 94%);box-shadow:inset 0 2px 4px #fff9,inset 0 -5px 8px #74062c,0 7px 17px #10031f80,0 0 20px #ff76b2aa;font-size:clamp(20px,2.7vw,32px);font-weight:1000;letter-spacing:.01em;line-height:1.1;text-shadow:0 2px 4px #6a1136;transition:transform .2s ease,filter .2s ease}
.cta-button:hover,.cta-button:focus-visible{filter:brightness(1.15);transform:translateY(-2px);outline:2px solid #ffe6bc;outline-offset:4px}
.cta-gift{font-size:29px;color:#ffe6a0}.cta-arrow{font-size:37px;line-height:0}
.trust-row{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:13px;font-size:11px;color:#fce2d5;font-weight:700}
.conversion-accent{position:absolute;font-size:72px;color:#fff5c0;text-shadow:0 0 20px #ffedb5;top:33%;z-index:4}
.conversion-accent.left{left:-22px}.conversion-accent.right{right:-22px}
footer{display:flex;align-items:center;justify-content:center;gap:9px;margin:10px auto 2px;color:#6d4c46;font-size:11px;font-weight:650;flex-wrap:wrap}
footer span:first-of-type{font-weight:1000;color:#6f174a}footer a{color:#8b2958}footer a:hover{color:#bd1357}.footer-star{color:#c2944b}
@media(max-width:1170px){.site-wrapper{padding-left:26px;padding-right:26px}.hero{padding-left:36px;padding-right:36px}.hero-offer{padding-right:55px}.discount-burst{right:-57px;top:-42px;width:123px;height:123px}.discount-burst span{font-size:36px}.calendar-list{max-width:calc(100% - 105px)}.book-visual{transform:scale(.88) rotate(4deg);transform-origin:top right}.card-body{padding:17px}.feature-line,.highlight-line{font-size:13px}.card-heading h2{font-size:16px}}
@media(max-width:850px){.site-wrapper{padding:19px 18px}.hero{padding:27px 28px;min-height:0}.hero-offer{padding:13px 28px 13px 21px}.price-number{font-size:47px}.price-label{font-size:17px}.hero-kicker{font-size:9px}.hero-perks{gap:7px}.hero-perks span{font-size:10px}.discount-burst{right:-52px;top:-66px;width:103px;height:103px}.discount-burst span{font-size:28px}.products{gap:12px}.calendar-list{max-width:100%;padding-right:0}.book-visual{position:relative;right:auto;top:auto;float:right;transform:scale(.85);height:204px;width:125px;margin:-22px -7px 0 -35px}.calendar-content{min-height:0}.calendar-list .feature-line{font-size:12px}.feature-line{font-size:12px;min-height:28px;padding:4px 0}.highlight-line{font-size:12px}.highlight-line del{font-size:10px}.card-heading{padding:11px 14px;min-height:50px}.card-heading h2{font-size:13px}.heading-symbol{width:23px;font-size:21px}.bonus-list{grid-template-columns:1fr;font-size:11px}}
@media(max-width:650px){.site-wrapper{padding:13px 12px}.top-label{font-size:8px;letter-spacing:.14em}.hero{display:block;border-radius:25px;padding:22px 21px 18px}.hero-copy{text-align:center}.hero-kicker{font-size:9px}.hero-copy h1{font-size:74px;margin:0 0 7px}.hero-copy p{margin:auto;max-width:310px;font-size:13px}.hero-perks{justify-content:center;margin-top:12px}.hero-offer{border-left:0;border-top:1px solid #e4c8ad;text-align:center;margin-top:21px;padding:14px 12px 0}.hero-price-top{font-size:12px}.price-label{font-size:19px}.price-number{font-size:55px}.discount-burst{width:79px;height:79px;top:-30px;right:-28px}.discount-burst span{font-size:23px}.discount-burst small{font-size:7px}.gold-rule{margin:9px 0}.products{grid-template-columns:1fr;gap:17px}.card-heading h2{font-size:16px}.card-body{padding:17px 16px}.feature-line,.highlight-line{font-size:13px;line-height:1.26}.calendar-list .feature-line,.calendar-list .highlight-line{font-size:12px}.calendar-list{padding-right:117px;min-height:285px}.book-visual{position:absolute;right:0px;top:33px;float:none;transform:scale(.83) rotate(4deg);transform-origin:top right;margin:0;width:170px;height:260px}.calendar-content{min-height:284px}.bonus-list{grid-template-columns:1fr 1fr}.conversion{margin-top:18px;border-radius:22px;padding:5px}.conversion-inset{border-radius:17px;padding:16px 10px}.conversion-title{font-size:13px}.timer{gap:5px}.timer-box{border-radius:9px;padding:9px 2px 7px}.timer-box strong{font-size:26px}.timer-box span{font-size:8px}.deadline{font-size:9px;line-height:1.4}.cta-button{font-size:22px;padding:15px 10px;gap:8px}.cta-gift{font-size:18px}.cta-arrow{font-size:27px}.trust-row{gap:7px;flex-wrap:wrap;font-size:9px}.conversion-accent{display:none}footer{font-size:9px}.gift-panel{font-size:12px}}
@media(max-width:405px){.hero-copy h1{font-size:62px}.price-number{font-size:47px}.hero-perks{gap:5px 10px}.card-body{padding:14px 12px}.calendar-list{padding-right:95px}.book-visual{transform:scale(.68) rotate(4deg)}.bonus-list{grid-template-columns:1fr}.highlight-line{grid-template-columns:23px minmax(0,1fr)}.primary-card .highlight-line del{grid-column:2;margin-top:-3px}.cta-button{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* v2.1: interactive product descriptions, accessible popovers and dialogs. */
.detail-hint{text-align:center;color:#925478;font-size:12px;font-weight:800;letter-spacing:.01em;margin:-2px auto 14px;padding:5px 10px;max-width:650px}
.detail-trigger{font-family:inherit;letter-spacing:inherit;color:inherit;appearance:none;-webkit-appearance:none;border:1px solid transparent;border-radius:11px;outline:none;background:transparent;width:100%;text-align:left;cursor:pointer;transition:background .17s,border-color .17s,box-shadow .17s}
.detail-trigger:not(.starter-tip):not(.gift-panel){padding-left:4px;padding-right:5px}
.detail-trigger:hover,.detail-trigger:focus-visible{background:#ffeafa!important;border-color:#eaa7c7!important;box-shadow:0 2px 13px #a9486e14}
.detail-trigger:focus-visible{outline:2px solid #ac2770;outline-offset:1px}
.detail-trigger.highlight-line{display:flex;gap:8px;min-height:34px}
.detail-trigger.highlight-line>span:not(.check):not(.info-chip){flex:1;min-width:0}
.detail-trigger.highlight-line>del{margin-left:auto;flex:0 0 auto}
.detail-trigger.highlight-line .info-chip{margin-left:3px}
.info-chip{margin-left:auto;width:20px;height:20px;min-width:20px;flex:none;border:1px solid #d5a3bb;border-radius:50%;display:grid;place-items:center;background:#fff4f8;color:#9b1856;font:800 12px Georgia,serif;box-shadow:0 1px 3px #5a16491a;transition:background .16s,color .16s,transform .16s}
.detail-trigger:hover .info-chip,.detail-trigger:focus-visible .info-chip{background:#a81660;color:white;transform:scale(1.09)}
.starter-tip.detail-trigger{display:flex;align-items:center}
.starter-tip.detail-trigger .info-chip{background:#fff;border-color:#dc9db6}
.gift-panel.detail-trigger{width:100%;display:flex;align-items:center}
.gift-copy{flex:1;min-width:0}
.bonus-list>.bonus-entry{display:flex;gap:6px;align-items:center;font-size:inherit;font-weight:inherit;line-height:1.45;padding:4px;border-radius:8px;min-height:30px}
.bonus-list>.bonus-entry .info-chip{margin-left:auto;width:17px;height:17px;min-width:17px;font-size:10px}
.item-popover{position:fixed;z-index:9999;top:0;left:0;width:min(365px,calc(100vw - 24px));padding:17px 20px 15px;border-radius:18px;background:linear-gradient(130deg,#fffdf5,#fff7f7 75%,#ffedf5);border:1px solid #e9bd88;box-shadow:0 16px 50px #360c3470,0 0 0 4px #fff9eb55;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(6px) scale(.985);transition:opacity .12s,transform .12s,visibility .12s;color:#3b1934}
.item-popover.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.detail-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:900;color:#b78044;text-transform:uppercase;display:block;margin-bottom:7px}
.item-popover strong{display:block;font-size:17px;line-height:1.18;color:#6b0f40;font-weight:900;margin-bottom:9px}
.item-popover p{margin:0;font-size:13px;line-height:1.55;color:#553548}
.item-popover small{display:block;color:#ae6d89;font-size:10px;margin-top:10px;font-weight:650}
.item-detail-dialog{width:min(470px,calc(100vw - 24px));max-height:min(85vh,650px);overflow:auto;border:1px solid #f0cfa0;border-radius:26px;padding:0 25px 22px;box-shadow:0 20px 90px #280a2bb5,0 0 0 6px #fffaef29;background:linear-gradient(145deg,#fffefa,#fffaee 65%,#ffebf4);color:#37192e}
.item-detail-dialog::backdrop{background:rgba(28,5,25,.63);backdrop-filter:blur(5px)}
.dialog-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efdbc4;padding:16px 0 13px;margin-bottom:17px}
.dialog-mark{font-size:12px;font-weight:1000;letter-spacing:.17em;color:#831348}
.dialog-close{background:#ffebef;border:1px solid #efc6d2;border-radius:50%;width:33px;height:33px;font-size:25px;line-height:1;display:grid;place-items:center;color:#8b144c;cursor:pointer}
.dialog-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;font-size:25px;background:linear-gradient(150deg,#8c124e,#d84c77);color:#ffe9b3;margin-bottom:12px;box-shadow:0 5px 10px #8b145037}
.item-detail-dialog h2{color:#64103f;font-size:clamp(22px,4vw,27px);line-height:1.18;margin:0 0 15px;font-weight:950;letter-spacing:-.02em}
.item-detail-dialog p{font-size:15px;line-height:1.65;margin:0 0 22px;color:#634153}
.dialog-footer{border-top:1px solid #eed9c5;padding-top:17px;display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.dialog-footer span{font-size:12px;font-weight:800;color:#438454}
.dialog-done{background:linear-gradient(180deg,#df3878,#960e4b);color:white;border:0;border-radius:99px;padding:11px 22px;font:800 14px inherit;cursor:pointer;box-shadow:0 4px 8px #78104834}
.dialog-close:hover,.dialog-done:hover{filter:brightness(1.1)}
@media(max-width:650px){.detail-hint{margin:2px auto 9px;font-size:11px}.detail-trigger.highlight-line{flex-wrap:wrap}.detail-trigger.highlight-line>del{margin-left:auto}.detail-trigger.feature-line{padding-top:7px;padding-bottom:7px}.detail-trigger .info-chip{min-width:19px;width:19px;height:19px}.bonus-list>.bonus-entry .info-chip{min-width:18px;width:18px;height:18px}.item-popover{display:none}.item-detail-dialog{border-radius:22px;padding:0 18px 20px}}
@media(max-width:405px){.detail-trigger.highlight-line{display:flex}.primary-card .detail-trigger.highlight-line del,.calendar-list .detail-trigger.highlight-line del{grid-column:auto;margin-top:0}.bonus-list{grid-template-columns:1fr}}
/* Keep the detail icons clear of the decorative diary cover. */
@media(min-width:851px){.calendar-list .detail-trigger{width:calc(100% - 52px)}.calendar-list .detail-trigger.feature-line .info-chip{margin-left:6px}}
@media(min-width:651px) and (max-width:850px){.calendar-list .detail-trigger{width:calc(100% - 100px)}.calendar-list .detail-trigger.feature-line .info-chip{margin-left:5px}}
@media(max-width:650px){.calendar-list .detail-trigger{width:100%}.detail-trigger,.dialog-close,.dialog-done{-webkit-tap-highlight-color:transparent}}
.dialog-done{font-family:inherit;font-weight:850;font-size:14px}

/* v2.2: inline accordion for mobile/touch devices. No overlay on mobile. */
.inline-detail{grid-column:1/-1;display:block;overflow:hidden;width:100%;min-width:0;max-height:0;opacity:0;transform:translateY(-5px);margin:0;border:0 solid transparent;pointer-events:none;transition:max-height .30s ease,opacity .24s ease,transform .24s ease,margin .24s ease,padding .24s ease;
 background:linear-gradient(135deg,#fffdfa 0%,#fff4e5 58%,#ffeaf1 100%);border-radius:14px;box-shadow:0 6px 18px #792e4b16;}
.inline-detail.is-open{max-height:360px;opacity:1;transform:translateY(0);pointer-events:auto;margin:6px 0 12px;padding:15px 16px;border-width:1px;border-color:#e6bf98;}
.inline-detail-category{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ab6c46;margin-bottom:5px}
.inline-detail-title{display:block;color:#791343;font-size:14px;line-height:1.35;margin-bottom:6px;font-weight:900}
.inline-detail-description{margin:0;color:#634457;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.detail-trigger.is-expanded{border-color:#df9bbe!important;background:#fff0f5!important;color:#7d174a}
.detail-trigger.is-expanded .info-chip{background:#97104d;color:#fff;border-color:#97104d;transform:none;font-family:inherit;font-size:15px}
@media(max-width:850px){
  .detail-trigger{touch-action:manipulation;}
  .detail-hint{font-size:12px;margin:4px auto 14px;padding:9px 11px;border:1px solid #efd9c2;border-radius:11px;background:#fffaf5b8;max-width:550px}
  .item-popover{display:none!important}
  /* Expandable descriptions have their own column, unrestricted by the book artwork. */
  .calendar-list{min-height:0;max-width:100%;padding-right:0}
  .calendar-content{display:flex;flex-direction:column;min-height:0}
  .book-visual{position:relative;top:auto;right:auto;float:none;align-self:center;width:170px;height:205px;transform:scale(.75) rotate(4deg);transform-origin:top center;margin:7px 0 -34px 0;}
  .bonus-list{grid-template-columns:1fr;}
  .calendar-list .detail-trigger,.bonus-list>.detail-trigger{width:100%}
  .detail-trigger .info-chip{font-family:inherit;font-size:15px;background:#fff4f8}
  .inline-detail{margin-left:0;margin-right:0}
}
@media(max-width:650px){
  .calendar-list{padding-right:0!important;min-height:0!important}
  .calendar-content{min-height:0!important}
  .book-visual{position:relative!important;right:auto!important;top:auto!important;transform:scale(.75) rotate(4deg)!important;margin:0 auto -25px;width:170px;height:224px}
  .bonus-list{grid-template-columns:1fr!important}
  .inline-detail.is-open{padding:14px 13px;max-height:410px}
}
@media(max-width:405px){.inline-detail-description{font-size:12.5px}.inline-detail-title{font-size:13.5px}}
@media(prefers-reduced-motion:reduce){.inline-detail{transition:none}}
/* Override the legacy bonus-row flex style for newly injected accordion panels. */
.bonus-list > .inline-detail{display:block;}
.bonus-list > .inline-detail .inline-detail-category{display:block;color:#ab6c46;font-size:10px;line-height:1.4;flex:none}