/* Christmas colour and ornament layer; compact layout and offer copy retained. */
:root{--paper:#fcf7ef;--green:#173e32;--green2:#255443;--gold:#98733d;--red:#843d40;--muted:#687064;--line:#dfd4c1}
body{background:var(--paper)}
.topbar{width:100%;padding-inline:max(40px,calc((100% - 1120px)/2));background:#173e32;color:#fff8e9;border-bottom:1px solid #c5a66c}
.logo small{color:#d5bb85}.topbar .home{color:#f1e5cd}
.hero{border-top:0;border-bottom:1px solid #c5a66c}
.hero .eyebrow{background:#843d40;color:#fff6e6;padding:6px 11px;border:1px solid #9a5b57;border-radius:2px;margin-top:0}
.hero .eyebrow:before{color:#e4c78b}
.hero h1{color:#173e32}.hero-english{color:#7c3b3b}
.hero .button{background:#843d40;border-color:#843d40;box-shadow:0 4px 16px #6b2d3320}
.hero .button:hover{background:#713235}
.section-nav{background:#173e32;border-bottom:1px solid #b59a68;color:#f6ebd6}
.section-nav a[href="#holiday-bonus"]{color:#f0d596;border-bottom-color:#d5b16f}
.section-nav a:hover{color:#f0d596}
.bonus-featured{background:radial-gradient(ellipse at 80% 0%,#315847 0%,transparent 56%),linear-gradient(130deg,#14372c,#204b3a);border-bottom:1px solid #bb9d67}
.bonus-featured:before,.bonus-featured:after{content:'';position:absolute;pointer-events:none;z-index:0}
.bonus-featured:before{inset:0;background:radial-gradient(circle at 8% 23%,#e4c98b70 0 1px,transparent 2px),radial-gradient(circle at 92% 63%,#e4c98b55 0 1px,transparent 2px),radial-gradient(circle at 68% 14%,#fff6d645 0 1px,transparent 2px),radial-gradient(circle at 24% 88%,#e4c98b55 0 1px,transparent 2px);background-size:160px 170px}
.bonus-featured:after{width:180px;height:184px;right:28px;top:-12px;background:url('assets/holiday-ornaments.svg') center top/contain no-repeat;opacity:.55}
.bonus-featured>.wrap{position:relative;z-index:1}
.bonus-featured .eyebrow{color:#e4c78b}
.bonus-featured .section-head h2{color:#fff7e6}
.bonus-featured .bonus-card{position:relative;overflow:hidden;background:linear-gradient(125deg,#fffaf0,#f4e8d3);border:1px solid #ddc391;box-shadow:0 8px 22px #09281f30}
.bonus-featured .bonus-card:before{content:'';position:absolute;right:25px;top:0;width:18px;height:51px;background:#843d40;clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);opacity:.95}
.bonus-featured .bonus-card h3{padding-right:29px}
.bonus-featured .bonus-card:nth-child(2){background:linear-gradient(125deg,#71363a,#8a4546);border-color:#c9a56f;color:#fff6e8}
.bonus-featured .bonus-card:nth-child(2):before{background:#dfc18a}
.bonus-featured .bonus-card:nth-child(2) .bonus-detail{color:#f0dfd2}
.bonus-featured .bonus-card:nth-child(2) .bonus-extra{color:#f3d89f}
.bonus-featured .bonus-card:nth-child(2) .bonus-total{border-color:#c7a48070;color:#f3e6d2}
.bonus-featured .bonus-card:nth-child(2) .bonus-total strong{color:#fff5db}
.bonus-featured .bonus-card:nth-child(2) .button{background:#f3e5c9;border-color:#f3e5c9;color:#633237}
.bonus-featured .bonus-card:nth-child(2) .button:hover{background:#fff3dc}
.intro{position:relative}
.intro h2{color:#783b3d}
.intro:before{content:'✦';display:block;position:absolute;top:7px;left:calc(50% - 6px);font:17px Georgia,serif;color:#ac884c}
.gifts{position:relative}
.gifts .section-head{border-bottom:1px solid #cbb48b;padding-bottom:15px;margin-bottom:18px}
.gifts .section-head h2{color:#173e32}
.gift{overflow:hidden;border-color:#d8c49f;border-radius:3px;background:linear-gradient(120deg,#fffdf7,#fbf2e6);box-shadow:0 3px 13px #61482b06}
.gift:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#99494a}
.gift:after{content:'';position:absolute;right:23px;top:-30px;width:60px;height:104px;background:url('assets/holiday-ornaments.svg') 30% center/150px 153px no-repeat;opacity:.85;pointer-events:none}
.gift h3{padding-right:33px}
.gift:nth-child(2),.gift:nth-child(5){background:linear-gradient(120deg,#ecf0e6,#e6eddf)}
.gift:nth-child(2):before,.gift:nth-child(5):before{background:#315a42}
.gift:nth-child(3),.gift:nth-child(6){background:linear-gradient(120deg,#fcf1e9,#f5e7df)}
.gift:nth-child(3):before,.gift:nth-child(6):before{background:#a67f45}
.gift .num{color:#976e3c}
.gift .price strong{color:#7b393c}
.gift:nth-child(2) .price strong,.gift:nth-child(5) .price strong{color:#254c39}
.points-box{background:linear-gradient(135deg,#f3e5d2,#fbf0df);border-color:#b99a64;box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px #d8c39e}
.points-box:before{color:#8a4143}
.points .deadline{color:#843d40}
.closing h2{color:#7b393c}
.closing .button:not(.light){background:#843d40;border-color:#843d40}
.closing .button:not(.light):hover{background:#713235}
.footer{background:#eae9dd;border-top:1px solid #d0b785}
.winter-music-toggle{background:#843d40;border-color:#d0ad73;color:#fff5df;box-shadow:0 4px 16px #5d2d3020}
.winter-music-toggle:hover{background:#713235}
.winter-music-toggle[data-state="playing"]{background:#173e32;border-color:#d0ad73}
.mobile-action{background:#173e32;border-top-color:#bb9d67;box-shadow:0 -4px 20px #183e3214}
.mobile-action p{color:#f0e5d0}.mobile-action strong{color:#e9ca8d}
.mobile-action .button{background:#f1e3c7;border-color:#f1e3c7;color:#173e32}
@media(max-width:760px){
 .topbar{padding-inline:20px}
 .hero .eyebrow{padding:5px 9px}
 .hero-inner{padding-bottom:211px}
 .bonus-featured:after{width:120px;height:122px;right:8px;opacity:.28}
 .bonus-featured .bonus-card:before{right:22px;width:15px;height:44px}
 .intro:before{top:3px;font-size:14px}
 .gifts .section-head{padding-bottom:12px;margin-bottom:16px}
 .gift:after{right:16px;opacity:.7}
 .gift h3{padding-right:24px}
}
