:root{
  --bg:#0e0e0f;
  --panel:#171719;
  --card:#202024;
  --white:#fff;
  --text:#f8f6f2;
  --muted:#b9b3ab;
  --copper:#c98a58;
  --copper2:#e9b184;
  --copper-dark:#925c34;
  --red:#e0452f;
  --green:#60a96b;
  --line:rgba(255,255,255,.10);
  --shadow:0 14px 36px rgba(0,0,0,.30);
  --radius:18px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth;background:#0b0b0c;overflow-x:hidden}
body{font-family:Arial,"Helvetica Neue",sans-serif;background:#111;color:var(--text);line-height:1.45;overflow-x:hidden}
img{display:block;width:100%;height:auto}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.page{width:100%;max-width:480px;margin:0 auto;background:var(--bg);min-height:100vh;box-shadow:0 0 40px rgba(0,0,0,.35);overflow:hidden}
.topbar{background:#050505;color:#fff;text-align:center;padding:10px 12px;font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--line)}
.topbar span{color:var(--copper2)}
.hero-gallery{position:relative;background:#000}
.hero-track{display:flex;transition:transform .35s ease;will-change:transform}
.hero-slide{min-width:100%}
.hero-slide img{width:100%;aspect-ratio:3/4;object-fit:cover}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.58);color:#fff;font-size:25px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hero-prev{left:10px}.hero-next{right:10px}
.hero-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px;z-index:4}
.hero-dot{width:7px;height:7px;border:0;border-radius:20px;background:rgba(255,255,255,.45)}
.hero-dot.active{width:20px;background:var(--copper2)}
.hero-copy{padding:18px 16px 8px;background:linear-gradient(180deg,#151516,#0e0e0f)}
.sale-pill{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,var(--red),#f36b4c);padding:8px 12px;border-radius:999px;font-size:11px;font-weight:950;text-transform:uppercase;box-shadow:0 7px 18px rgba(224,69,47,.23)}
.hero-copy h1{font-size:30px;line-height:1.02;letter-spacing:-.8px;margin:12px 0 9px;font-weight:950}
.hero-copy h1 span{color:var(--copper2)}
.hero-copy p{font-size:14px;color:var(--muted);line-height:1.5}
.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px 4px;background:#0e0e0f}
.quick-item{padding:10px 7px;border-radius:14px;background:#1a1a1d;border:1px solid var(--line);font-size:10px;line-height:1.25;text-align:center;font-weight:900;color:#e9e5df}
.offer-card{margin:14px;padding:15px;border-radius:20px;background:linear-gradient(145deg,#211b17,#161516);border:1px solid rgba(233,177,132,.28);box-shadow:var(--shadow)}
.offer-top{display:flex;justify-content:space-between;align-items:stretch;gap:11px}
.price-side{min-width:0;flex:1}
.discount{display:inline-flex;padding:6px 9px;border-radius:9px;background:var(--red);color:#fff;font-size:11px;font-weight:950;text-transform:uppercase}
.price-label{font-size:10px;color:#aaa39b;text-transform:uppercase;font-weight:900;letter-spacing:.6px;margin-top:8px}
.price{font-size:38px;line-height:1;font-weight:950;color:var(--copper2);letter-spacing:-1.3px;margin-top:2px;white-space:nowrap}
.price small{font-size:15px;letter-spacing:0}
.old{font-size:13px;color:#968e85;margin-top:5px;font-weight:800}.old span{text-decoration:line-through;text-decoration-thickness:2px}
.timer-box{width:122px;flex:0 0 122px;border-radius:16px;background:linear-gradient(145deg,#080808,#25201c);border:1px solid rgba(233,177,132,.22);display:flex;flex-direction:column;justify-content:center;text-align:center;padding:9px}
.timer-box b{font-size:9px;line-height:1.2;text-transform:uppercase;color:#edc39f;letter-spacing:.45px}
.timer{font-size:21px;font-weight:950;letter-spacing:.8px;margin:6px 0 4px}
.timer-box small{font-size:9px;color:#bcb1a7;line-height:1.2}
.stock{margin-top:11px;display:flex;gap:8px;align-items:flex-start;color:#d7d0c8;font-size:11px;font-weight:800;line-height:1.35}
.stock i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(96,169,107,.11);margin-top:3px;flex:0 0 auto}
.cta{display:flex;align-items:center;justify-content:center;width:calc(100% - 28px);margin:13px 14px 0;min-height:58px;padding:13px 15px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--copper),var(--copper-dark));color:#fff;font-size:17px;font-weight:950;text-align:center;box-shadow:0 10px 25px rgba(146,92,52,.30);position:relative;overflow:hidden;cursor:pointer}
.cta:before{content:"";position:absolute;top:0;left:-100%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:shine 3.5s linear infinite}
@keyframes shine{100%{left:140%}}
.micro{text-align:center;padding:8px 16px 14px;font-size:10px;color:#9f978e}.micro strong{color:#86c58d}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#070707;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust-strip div{padding:12px 5px;text-align:center;font-size:9px;line-height:1.25;color:#d7d0c8;border-right:1px solid var(--line);font-weight:800}.trust-strip div:last-child{border-right:0}
.section{padding:25px 15px;background:#111}
.section.light{background:#f5f2ee;color:#211d19}
.kicker{text-align:center;font-size:10px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase;color:var(--copper);margin-bottom:7px}
.title{text-align:center;font-size:25px;line-height:1.06;font-weight:950;letter-spacing:-.4px;margin-bottom:9px}
.lead{text-align:center;font-size:13px;line-height:1.5;color:#aaa29a;margin:0 auto 15px}.light .lead{color:#6b6259}
.story{background:#0d0d0e}
.story-card{background:#111;border-bottom:1px solid var(--line)}
.story-card img{width:100%;border-radius:0}
.story-copy{padding:15px 16px 19px}
.story-copy .eyebrow{font-size:10px;color:var(--copper2);text-transform:uppercase;font-weight:950;letter-spacing:.9px;margin-bottom:5px}
.story-copy h3{font-size:20px;line-height:1.12;margin-bottom:7px}
.story-copy p{font-size:12px;line-height:1.5;color:#aaa29a}
.story-points{display:grid;gap:7px;margin-top:11px}
.story-point{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#ddd7d0;font-weight:800;line-height:1.35}
.story-point b{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:rgba(201,138,88,.13);color:var(--copper2);flex:0 0 auto}
.mid-offer{padding:6px 0 20px;background:#111}
.quality-grid{display:grid;gap:9px;margin-top:14px}
.quality-card{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:15px;background:#1b1b1e;border:1px solid var(--line)}
.quality-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:12px;background:rgba(201,138,88,.12);color:var(--copper2);font-size:18px;flex:0 0 auto}
.quality-card h3{font-size:14px;margin-bottom:4px}.quality-card p{font-size:11px;line-height:1.42;color:#aba39b}
.note{margin-top:14px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#281e17,#1b1714);border:1px solid rgba(201,138,88,.23);font-size:11px;line-height:1.45;color:#d9cabc}
.compare{margin-top:15px;border-radius:17px;overflow:hidden;border:1px solid #ddd3c8;background:#fff}
.compare-row{display:grid;grid-template-columns:1.7fr .8fr .8fr;font-size:11px;text-align:center;border-bottom:1px solid #eee6df;align-items:center}.compare-row:last-child{border-bottom:0}
.compare-row>div{padding:10px 5px;border-right:1px solid #eee6df}.compare-row>div:last-child{border-right:0}.compare-row .name{text-align:left;font-weight:850}.compare-head{font-weight:950;background:#231f1b;color:#fff}.compare-head .ours{background:linear-gradient(135deg,#c98a58,#9b633a)}
.reviews{padding:24px 0;background:#131314}
.review-head{padding:0 16px 13px}
.review-slider{position:relative;overflow:hidden}
.review-track{display:flex;transition:transform .35s ease;will-change:transform}
.review-slide{min-width:100%;padding:0 16px}
.review-card{overflow:hidden;border-radius:19px;background:#1b1b1e;border:1px solid var(--line);box-shadow:var(--shadow)}
.review-card img{width:100%;height:280px;object-fit:cover;background:#27272b}
.review-body{padding:13px 14px 16px}
.stars{color:#f1b66e;font-size:16px;letter-spacing:1px}.review-name{font-size:14px;font-weight:950;margin:6px 0 5px}.review-text{font-size:12px;line-height:1.52;color:#aaa29a}.review-tag{display:inline-flex;margin-top:9px;padding:5px 8px;border-radius:999px;background:rgba(201,138,88,.12);color:#e6b88f;font-size:9px;font-weight:900}
.review-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(3,3,3,.80);color:#fff;font-size:27px;display:flex;align-items:center;justify-content:center;cursor:pointer}.review-prev{left:8px}.review-next{right:8px}
.review-dots{display:flex;justify-content:center;gap:7px;padding-top:12px}.review-dot{width:8px;height:8px;border-radius:20px;border:0;background:#554d46}.review-dot.active{width:22px;background:var(--copper)}
.review-note{padding:10px 16px 0;text-align:center;font-size:9px;color:#827b74;line-height:1.35}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.step{padding:13px 9px;border-radius:15px;border:1px solid #ddd3c8;background:#fff;text-align:center;min-height:120px}.step-num{width:34px;height:34px;margin:0 auto 8px;border-radius:11px;background:#211d19;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950}.step h3{font-size:13px;margin-bottom:4px}.step p{font-size:10px;line-height:1.4;color:#6d645c}
.form-wrap{padding:0 0 22px;background:linear-gradient(180deg,#111,#191614)}
.final-img{width:100%}
.final-copy{text-align:center;padding:17px 16px 4px}.final-copy h2{font-size:25px;line-height:1.08}.final-copy p{margin-top:6px;font-size:12px;color:#aaa29a;line-height:1.45}
.form-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 14px 0}.form-badges div{padding:9px 5px;border-radius:12px;background:#1c1b1b;border:1px solid var(--line);font-size:9px;text-align:center;font-weight:900;color:#ddd5ce}
.form{margin:13px 14px 0;padding:16px;border-radius:20px;background:linear-gradient(145deg,#1f1915,#33251d);border:1px solid rgba(201,138,88,.28);box-shadow:var(--shadow)}
.form-title{text-align:center;font-size:19px;font-weight:950}.form-sub{text-align:center;color:#baa99a;font-size:10px;margin:4px 0 12px}
.field{width:100%;height:54px;padding:0 14px;margin-bottom:10px;border-radius:13px;border:1px solid rgba(255,255,255,.15);background:#fff;color:#171717;font-size:16px;outline:none}.form .cta{width:100%;margin:2px 0 0}.consent{display:flex;gap:7px;align-items:flex-start;margin-top:9px;color:#a99d92;font-size:9px;line-height:1.35}.consent input{margin-top:2px}
.footer{padding:17px 12px 82px;text-align:center;background:#0a0a0b;border-top:1px solid var(--line);font-size:9px;color:#756f69}.footer p{margin:3px 0}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:10px}.footer-links a{color:#918981}
.sticky{position:fixed;z-index:999;left:50%;bottom:0;transform:translateX(-50%);width:min(480px,100%);padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(14,14,15,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;gap:9px;align-items:center;box-shadow:0 -8px 24px rgba(0,0,0,.22)}
.sticky-price{min-width:102px;line-height:1.02}.sticky-price small{display:block;font-size:8px;text-transform:uppercase;color:#9d958d;font-weight:900}.sticky-price strong{display:block;font-size:20px;color:var(--copper2);font-weight:950;white-space:nowrap}.sticky a{flex:1;min-height:47px;border-radius:13px;background:linear-gradient(135deg,var(--copper),var(--copper-dark));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;color:#fff}
.sales-popup{position:fixed;z-index:1000;left:50%;bottom:78px;transform:translate(-50%,140%);width:min(440px,calc(100% - 24px));background:#1b1b1e;border:1px solid var(--line);border-radius:15px;padding:9px;display:flex;gap:10px;align-items:center;box-shadow:0 14px 34px rgba(0,0,0,.35);transition:transform .4s ease}.sales-popup.show{transform:translate(-50%,0)}.sales-popup img{width:48px;height:48px;object-fit:cover;border-radius:10px}.sales-popup-title{font-size:11px;font-weight:950;color:#fff}.sales-popup-text,.sales-popup-time{font-size:9px;color:#aaa29a;line-height:1.3}.sales-popup-close{margin-left:auto;background:none;border:0;color:#aaa;font-size:17px;cursor:pointer}
@media(max-width:360px){.hero-copy h1{font-size:26px}.price{font-size:33px}.timer-box{width:112px;flex-basis:112px}.timer{font-size:19px}.quick-item{font-size:9px}}
@media(min-width:481px){body{padding:18px 0 95px}.page{border-radius:20px}.sticky{border-radius:16px 16px 0 0}}

/* ===== СВЕТЛАЯ БЕЖЕВО-МЕДНАЯ ТЕМА КАК НА КАРТОЧКЕ ===== */
:root{
  --bg:#f5f1ec;
  --panel:#fbf8f4;
  --card:#ffffff;
  --white:#ffffff;
  --text:#181511;
  --muted:#6f665d;
  --copper:#b9753f;
  --copper2:#c98a58;
  --copper-dark:#955b2e;
  --red:#d95d3b;
  --green:#39b87a;
  --line:#e7ded5;
  --shadow:0 12px 30px rgba(81,58,38,.10);
}
html{background:#eee8e1!important}
body{
  background:#eee8e1!important;
  color:var(--text)!important;
}
.page{
  background:var(--bg)!important;
  box-shadow:0 0 36px rgba(81,58,38,.10)!important;
}
.topbar{
  background:#c1814e!important;
  color:#fff!important;
  border-bottom:0!important;
}
.topbar span{color:#fff4e9!important}

.hero-gallery{background:#f5f1ec!important}
.hero-arrow{
  background:rgba(255,255,255,.94)!important;
  color:#2a2119!important;
  border:1px solid #d8c7b8!important;
  box-shadow:0 4px 12px rgba(76,55,37,.15)!important;
}
.hero-dot{background:rgba(66,48,32,.25)!important}
.hero-dot.active{background:var(--copper)!important}

.hero-copy{
  background:#f5f1ec!important;
  color:var(--text)!important;
}
.hero-copy h1{color:#15120f!important}
.hero-copy h1 span{color:var(--copper)!important}
.hero-copy p{color:var(--muted)!important}
.sale-pill{
  background:linear-gradient(135deg,#c68049,#b16e3b)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(185,117,63,.18)!important;
}

.quick-grid{background:#f5f1ec!important}
.quick-item{
  background:#fff!important;
  border:1px solid var(--line)!important;
  color:#40372f!important;
  box-shadow:0 5px 14px rgba(81,58,38,.05)!important;
}

.offer-card{
  background:#fff!important;
  border:1px solid #e2d5c8!important;
  box-shadow:var(--shadow)!important;
}
.discount{background:#c77d46!important}
.price-label{color:#7a6e62!important}
.price{color:#a76431!important}
.old{color:#91867c!important}
.timer-box{
  background:#f7efe7!important;
  border:1px solid #dfc8b3!important;
  color:#241e18!important;
}
.timer-box b{color:#8c532a!important}
.timer-box small{color:#786b60!important}
.timer{color:#241e18!important}
.stock{color:#5f574e!important}

.cta{
  background:linear-gradient(135deg,#c17d49,#a96838)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(169,104,56,.22)!important;
}
.micro{color:#746b63!important}
.micro strong{color:#2f9d67!important}

.trust-strip{
  background:#fff!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
  gap:0!important;
}
.trust-strip div{
  color:#5f574f!important;
  border-right:1px solid var(--line)!important;
}

.section,
.section.light{
  background:#f5f1ec!important;
  color:var(--text)!important;
}
.kicker{color:#c17d49!important}
.title{color:#17130f!important}
.lead,.light .lead{color:#6f665d!important}

.story{background:#f5f1ec!important}
.story-card{
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
}
.story-copy{background:#fff!important;color:var(--text)!important}
.story-copy .eyebrow{color:#b9753f!important}
.story-copy h3{color:#17130f!important}
.story-copy p{color:#6f665d!important}
.story-point{color:#4e463e!important}
.story-point b{
  background:#f6e8dc!important;
  color:#a86835!important;
}
.mid-offer{background:#f5f1ec!important}

.quality-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
}
.quality-icon{
  background:#f6e8dc!important;
  color:#a86835!important;
}
.quality-card h3{color:#1c1814!important}
.quality-card p{color:#6f665d!important}
.note{
  background:#fff8f1!important;
  border:1px solid #e7cfba!important;
  color:#665646!important;
}

.compare{
  background:#fff!important;
  border:1px solid #ddd3c8!important;
}
.compare-head{
  background:#28221d!important;
  color:#fff!important;
}
.compare-head .ours{
  background:linear-gradient(135deg,#c78853,#a96838)!important;
}
.compare-row{color:#211b16!important}
.compare-row>div{background:#fff!important}

.reviews{
  background:#f5f1ec!important;
  color:var(--text)!important;
}
.review-card{
  background:#fff!important;
  border:1px solid var(--line)!important;
  box-shadow:var(--shadow)!important;
}
.review-card img{background:#f1ece7!important}
.review-body{color:var(--text)!important}
.review-name{color:#1a1612!important}
.review-text{color:#6f665d!important}
.review-tag{
  background:#f6e8dc!important;
  color:#9a5d30!important;
}
.review-arrow{
  background:rgba(255,255,255,.96)!important;
  border:1px solid #d8c7b8!important;
  color:#34271d!important;
  box-shadow:0 5px 14px rgba(76,55,37,.14)!important;
}
.review-dot{background:#d7c9bd!important}
.review-dot.active{background:#b9753f!important}
.review-note{color:#81766c!important}

.step{
  background:#fff!important;
  border:1px solid #ddd3c8!important;
}
.step-num{
  background:#b9753f!important;
  color:#fff!important;
}
.step h3{color:#1b1713!important}
.step p{color:#6d645c!important}

.form-wrap{
  background:#f5f1ec!important;
  color:var(--text)!important;
}
.final-copy h2{color:#17130f!important}
.final-copy p{color:#6f665d!important}
.form-badges div{
  background:#fff!important;
  border:1px solid var(--line)!important;
  color:#554c43!important;
}
.form{
  background:#fff!important;
  border:1px solid #dfd2c6!important;
  box-shadow:var(--shadow)!important;
}
.form-title{color:#1b1713!important}
.form-sub{color:#776c61!important}
.field{
  border:1px solid #d9cfc5!important;
  background:#fff!important;
  color:#171717!important;
}
.consent{color:#756b62!important}

.footer{
  background:#eee8e1!important;
  border-top:1px solid #ddd3ca!important;
  color:#786e65!important;
}
.footer-links a{color:#6e645b!important}

.sticky{
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid #ded4ca!important;
  box-shadow:0 -8px 24px rgba(68,47,29,.10)!important;
}
.sticky-price small{color:#7d7268!important}
.sticky-price strong{color:#a76431!important}
.sticky a{
  background:linear-gradient(135deg,#c17d49,#a96838)!important;
  color:#fff!important;
}

.sales-popup{
  background:#fff!important;
  border:1px solid #e1d7ce!important;
  box-shadow:0 14px 34px rgba(71,49,30,.16)!important;
}
.sales-popup-title{color:#211b16!important}
.sales-popup-text,.sales-popup-time{color:#746a61!important}
.sales-popup-close{color:#8a7c70!important}

