@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;800&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Rubik',sans-serif;color:#fff;min-height:100vh;background:radial-gradient(ellipse at top center,#C7AB80 0%,#0E0E0E 70%)}
a{color:inherit;text-decoration:none}

header{background:#0E0E0E;border-bottom:1px solid #C7AB80}
.hdr-inner{max-width:1200px;margin:0 auto;padding:24px 42px;display:flex;justify-content:space-between;align-items:center;height:80px}
.logo-link{display:flex;align-items:center;gap:6px}
.logo-link img{width:32px;height:32px}
.logo-link span{font-weight:700;font-size:20px}
nav.desktop{display:flex;gap:24px}
nav.desktop a{font-weight:500;font-size:20px;transition:color .2s}
nav.desktop a:hover{color:#C7AB80}

.wrap{max-width:1200px;margin:0 auto;padding:42px}
.wrap.home{display:flex;flex-direction:column;align-items:center;gap:48px}
.wrap.sub{display:flex;flex-direction:column;gap:24px;align-items:center}

.hero{background:rgba(0,0,0,.5);border-radius:12px;padding:24px;width:100%}
.hero h1{font-weight:800;font-size:48px;line-height:1;margin-bottom:12px}
.hero p{font-size:20px;line-height:1.2}

.sec-heading{font-weight:800;font-size:36px;text-align:center;text-transform:uppercase;width:100%}

.block{background:rgba(0,0,0,.5);border-radius:12px;padding:24px;width:100%}
.block h2{font-weight:800;font-size:36px;line-height:1;margin-bottom:12px}
.block .txt{font-size:20px;line-height:1.2;margin-bottom:24px}

.offers{display:flex;flex-direction:column;gap:24px;width:100%}
.offer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:rgba(0,0,0,.5);border-radius:12px;padding:24px;width:100%}
.offer-img{width:255px;height:170px;background:#0E0E0E;border-radius:12px;overflow:hidden;flex-shrink:0}
.offer-img img{width:100%;height:100%;object-fit:contain}
.rating{text-align:center}
.rating .val{font-size:48px;font-weight:700;line-height:1.4}
.rating .lbl{font-size:18px}
.stars{display:flex}
.stars svg{width:20px;height:20px}
.offer p{font-size:24px;font-weight:500;line-height:1.2;max-width:324px}
.cta{display:inline-flex;justify-content:center;align-items:center;padding:24px 48px;background:linear-gradient(180deg,#C7AB80,#A6884E);border-radius:12px;font-weight:700;font-size:18px;text-transform:uppercase;color:#fff;border:none;cursor:pointer;text-decoration:none}
.cta:hover{opacity:.85}

.note{font-size:20px;line-height:1.2;background:rgba(0,0,0,.5);border-radius:12px;padding:24px;width:100%}
.note a{color:#C7AB80;text-decoration:underline}

.pts{display:flex;flex-direction:column;gap:12px}
.pt{display:flex;align-items:center;gap:6px}
.pt i{width:8px;height:8px;flex-shrink:0;background:linear-gradient(180deg,#C7AB80,#A6884E);border-radius:50%;display:inline-block}
.pt span{font-size:24px;font-weight:500;line-height:1.2}
.pt a{color:#C7AB80;text-decoration:underline}
.golden{color:#C7AB80}

.info-blocks{display:flex;flex-direction:column;gap:24px;width:100%}

.sub-title{font-weight:800;font-size:36px;text-transform:uppercase;text-align:center}
.block.sub-block h2{font-size:28px;margin-bottom:8px}
.block.sub-block h3{font-size:22px;font-weight:700;margin:16px 0 8px}
.block.sub-block p{font-size:18px;line-height:1.4;margin-bottom:10px}
.block.sub-block ul{margin:8px 0 12px 20px;font-size:18px;line-height:1.6}

.contact-form input,
.contact-form textarea{display:block;width:100%;padding:14px 16px;margin-bottom:12px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:inherit;font-size:16px}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.5)}
.contact-form .cta{width:100%;margin-top:4px}

footer{background:#0E0E0E}
.ftr-inner{max-width:1200px;margin:0 auto;padding:40px 42px;display:flex;flex-direction:column;align-items:center;gap:24px}
.ftr-links{display:flex;gap:24px}
.ftr-links a{font-weight:500;font-size:20px}
.ftr-links a:hover{color:#C7AB80}
.ftr-line{width:100%;height:1px;background:#4F3308;border:none}
.ftr-badges{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.ftr-badges img{height:28px;width:auto;max-width:160px;object-fit:contain}
.ftr-badges .age{height:40px;max-width:40px}
.ftr-copy{font-size:16px;line-height:1.2;color:rgba(255,255,255,.8);text-align:center}

#ckBanner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#0E0E0E;border:1px solid #333;border-radius:12px;padding:24px 28px;max-width:580px;width:92%;z-index:999;display:none}
#ckBanner h3{font-size:24px;font-weight:800;margin-bottom:8px}
#ckBanner p{font-size:16px;line-height:1.5;margin-bottom:16px;color:rgba(255,255,255,.85)}
#ckBanner .cta{padding:14px 32px;font-size:14px}

.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px}
.hamburger svg{fill:#fff;width:28px;height:28px}

#mobNav{display:none;position:fixed;inset:0;background:#0E0E0E;z-index:1000;flex-direction:column}
#mobNav.on{display:flex}
.mob-top{display:flex;justify-content:space-between;align-items:center;padding:24px 42px;border-bottom:1px solid #C7AB80}
.mob-x{background:none;border:none;cursor:pointer;font-size:32px;color:#fff}
.mob-list{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px}
.mob-list a{font-size:24px;font-weight:500}

@media(max-width:900px){
nav.desktop{display:none}
.hamburger{display:block}
.hdr-inner{padding:16px 20px}
.wrap{padding:20px}
.wrap.home{gap:28px}
.hero h1{font-size:32px}
.hero p{font-size:17px}
.block h2{font-size:28px}
.block .txt{font-size:17px}
.offer{flex-direction:column;align-items:center;text-align:center}
.offer-img{width:100%;height:auto;max-height:180px}
.offer p{max-width:100%;font-size:18px}
.cta{padding:16px 32px;font-size:16px;width:100%}
.pt span{font-size:18px}
.sec-heading{font-size:28px}
.sub-title{font-size:28px}
.ftr-inner{padding:28px 20px}
.ftr-links{flex-wrap:wrap;justify-content:center;gap:16px}
.ftr-badges{gap:20px}
.ftr-badges img{height:24px;max-width:130px}
.ftr-badges .age{height:32px;max-width:32px}
.note{font-size:17px}
}
@media(max-width:500px){
.hero h1{font-size:26px}
.hero p{font-size:15px}
.rating .val{font-size:36px}
.offer p{font-size:16px}
.block h2{font-size:24px}
.hdr-inner{padding:12px 16px}
.wrap{padding:16px}
.mob-top{padding:16px 20px}
}