:root{
  --primary:#dfff2f;
  --primary-dark:#b7d800;
  --dark:#0f1a2a;
  --dark-2:#16263d;
  --accent:#f9ffd8;
  --line:#cfd9ea;
  --text:#1b2635;
  --muted:#617184;
  --neon:#e5ff25;
  --neon-dark:#cce600;
  --green:#1ea35a;
  --danger:#ff4a4a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#dfe7f2;color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.page{width:100%;max-width:480px;margin:0 auto;background:#f7faff;min-height:100vh;box-shadow:0 0 28px rgba(9,24,48,.18);overflow:hidden}
.top-strip{height:10px;background:linear-gradient(90deg,#07111f,#1b3259,#07111f)}
.utp-slider-wrap{background:#111a28;padding:7px 0 9px;overflow:hidden}
.utp-slider{position:relative;height:58px}
.utp-slide{position:absolute;left:10px;right:10px;top:0;height:52px;background:#fff;color:#10161d;text-align:center;display:flex;align-items:center;justify-content:center;font-size:13px;line-height:1.25;padding:0 14px;border-bottom:3px solid #c8f000;border-radius:0 0 4px 4px;opacity:0;transform:translateY(100%);transition:transform .45s ease, opacity .45s ease;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.utp-slide.active{opacity:1;transform:translateY(0)}
.utp-slide.prev{opacity:0;transform:translateY(-100%)}
.section{padding:14px 14px 0}
.product-title{font-size:15px;color:#8090a1;margin-bottom:8px}
.gallery-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px}
.main-image{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#fff}
.main-image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.thumb-row{display:flex;gap:8px;padding-top:10px;overflow-x:auto}
.thumb{width:56px;min-width:56px;height:56px;border:2px solid #d4e0eb;border-radius:8px;overflow:hidden;cursor:pointer;background:#fff;flex-shrink:0}
.thumb.active{border-color:var(--primary)}
.thumb img{width:100%;height:100%;object-fit:cover}
.summary{padding-top:12px}
.summary h1{margin:0 0 8px;font-size:22px;line-height:1.15;color:#14263c}
.summary p{margin:0 0 12px;font-size:15px;line-height:1.55;color:#4f6072}
.meta-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;box-shadow:0 3px 10px rgba(26,58,104,.04)}
.avail{font-size:14px;font-weight:800;color:var(--green)}
.rating{font-size:16px;font-weight:700;color:#ff8a00;text-align:right}
.rating small{display:block;font-size:12px;color:#97a4b1;font-weight:400}
.price-card{background:linear-gradient(180deg,#0f1d34 0%,#152847 100%);border:1px solid #2b456f;border-radius:16px;padding:16px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.old-price{font-size:15px;color:#b7c2d3;text-decoration:line-through;margin-bottom:4px}
.new-price{font-size:28px;line-height:1.1;font-weight:900;color:#0f1a2a}
.discount{background:linear-gradient(180deg,#e7ff47,#c8f000);color:#101927;border-radius:999px;padding:7px 12px;font-size:18px;font-weight:800;white-space:nowrap;box-shadow:0 4px 10px rgba(20,150,80,.18)}
.delivery-box{background:#ffffff;border:1px solid var(--line);border-radius:14px;padding:14px 14px;margin-bottom:12px;color:#50606a;box-shadow:0 4px 12px rgba(16,32,58,.08)}
.delivery-title{font-size:14px;line-height:1.4;color:#5d6971;margin-bottom:8px}
.delivery-dates{display:grid;gap:8px}
.delivery-date{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 10px;background:#eef4fb;border:1px solid #d3dced;border-radius:10px}
.delivery-date span{font-size:14px;font-weight:700;color:#1d2830;white-space:nowrap}
.delivery-date strong{font-size:15px;line-height:1.35;color:#0f1a2a;text-align:right}
.cta{display:block;width:100%;background:linear-gradient(180deg,#e7ff47,#c8f000);color:#101927;border:none;border-radius:12px;padding:16px 14px;font-size:18px;font-weight:800;text-align:center;cursor:pointer;margin-bottom:12px;box-shadow:0 8px 18px rgba(201,240,0,.28)}
.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.pay-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.35;color:#4c5962;background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 2px 8px rgba(16,32,58,.05)}
.sale-timer{margin:14px 0 12px}
.sale-timer__label{display:flex;align-items:center;gap:6px;font-size:15px;color:#365a7c;margin-bottom:10px}
.sale-timer__row{display:flex;align-items:flex-start;gap:8px}
.sale-timer__box{width:52px;min-width:52px;background:linear-gradient(180deg,#18263d 0%,#0c1627 100%);color:#fff;border-radius:10px;padding:8px 4px 7px;text-align:center;box-shadow:0 4px 10px rgba(34,80,140,.16);border:1px solid #314761}
.sale-timer__num{font-size:18px;line-height:1;font-weight:900;color:#e5ff25;margin-bottom:4px}
.sale-timer__txt{font-size:10px;line-height:1.1;color:#eef6ff;text-transform:lowercase}
.sale-timer__sep{font-size:28px;line-height:1;color:#dfff2f;font-weight:700;padding-top:9px}
.sale-timer__line{display:flex;align-items:center;gap:8px;margin-top:12px}
.sale-timer__progress{position:relative;flex:1;height:6px;background:#2a3d5f;border-radius:999px;overflow:hidden}
.sale-timer__fill{position:absolute;left:0;top:0;bottom:0;width:30%;background:linear-gradient(90deg,#e7ff47 0%,#b9e100 100%);border-radius:999px;transition:width .8s linear}
.sale-timer__warn{font-size:12px;line-height:1.2;color:#b4d700;font-weight:700;white-space:nowrap}
.quick-form{margin-top:14px;background:#ffffff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 6px 16px rgba(16,32,58,.08)}
.quick-form h3{margin:0 0 12px;font-size:18px;line-height:1.2;color:#13233b}
.form-grid{display:grid;gap:10px}
.quick-form input,.quick-form select{width:100%;height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:15px;outline:none;background:#fbfdff}
.quick-form button{height:48px;border:none;border-radius:12px;background:linear-gradient(180deg,#e7ff47,#c8f000);color:#101927;font-size:18px;font-weight:800;cursor:pointer}
.section-head{font-size:22px;line-height:1.15;margin:0 0 14px;color:#13233b}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.feature-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 2px 8px rgba(26,58,104,.03)}
.feature-icon{width:42px;height:42px;border-radius:12px;background:#f7ffd1;color:#101927;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px}
.feature-card b{display:block;font-size:16px;line-height:1.2;margin-bottom:6px;color:#192a3c}
.feature-card p{margin:0;font-size:14px;line-height:1.5;color:#617184}
.night-strip{margin:14px 0 0;padding:14px;border-radius:16px;background:linear-gradient(180deg,#101b2b 0%,#152947 100%);color:#fff;border:1px solid #284364}
.night-strip .row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.night-strip .ico{width:50px;height:50px;border-radius:14px;background:rgba(229,255,37,.15);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--neon);flex-shrink:0}
.night-strip b{display:block;font-size:17px;line-height:1.2;margin-bottom:4px}
.night-strip p{margin:0;font-size:14px;line-height:1.5;color:#d9e8ff}
.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 8px rgba(26,58,104,.03)}
.step-num{width:34px;height:34px;border-radius:50%;background:#f1f8c7;color:#141d2a;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;border:1px solid #dbe97d}
.step-card b{display:block;font-size:17px;line-height:1.2;margin-bottom:6px;color:#192a3c}
.step-card p{margin:0;font-size:14px;line-height:1.5;color:#617184}
.promo-card{background:linear-gradient(180deg,#f5faff 0%,#eef4fb 100%);border:1px solid #d4deee;border-radius:18px;padding:16px;box-shadow:0 8px 20px rgba(29,115,232,.10)}
.promo-badge{display:inline-block;background:linear-gradient(180deg,#e7ff47,#c8f000);color:#101927;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px;margin-bottom:10px;letter-spacing:.2px}
.promo-title{font-size:24px;line-height:1.15;font-weight:800;color:#13233b;margin:0 0 10px}
.promo-text{font-size:15px;line-height:1.55;color:#56697c;margin:0 0 14px}
.promo-prices{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #d7e4f4;border-radius:16px;padding:14px;margin-bottom:14px}
.promo-old{font-size:15px;color:#7c878f;text-decoration:line-through;margin-bottom:4px}
.promo-new{font-size:30px;line-height:1.05;font-weight:900;color:#0f1a2a}
.promo-discount{background:linear-gradient(180deg,#e7ff47,#c8f000);color:#101927;border-radius:999px;padding:8px 12px;font-size:18px;font-weight:900;white-space:nowrap}
.promo-timer{margin:0 0 14px}
.promo-note{display:flex;align-items:flex-start;gap:8px;background:#f6fadf;border:1px solid #e0e9a7;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45;color:#5b6f82;margin-bottom:14px}
.hero-mini{border-radius:14px;overflow:hidden;border:1px solid var(--line)}
@media (max-width:380px){
  .sale-timer__warn{font-size:11px}
  .delivery-title{font-size:13px}
  .delivery-date span{font-size:13px}
  .delivery-date strong{font-size:14px}
  .summary h1,.promo-title{font-size:20px}
}


.price-card .new-price,
.price-card .old-price{color:#ffffff}
.price-card .new-price{font-size:30px}
.price-card{box-shadow:0 10px 24px rgba(14,29,53,.18)}
.discount,.promo-discount{border:1px solid rgba(16,25,39,.12)}
.cta,.quick-form button{font-weight:900}
.meta-box,.gallery-box,.feature-card,.step-card,.quick-form,.delivery-box,.pay-item,.promo-prices,.promo-card{backdrop-filter:saturate(115%)}
.feature-icon{border:1px solid #e6ef9f}
.promo-card{box-shadow:0 10px 24px rgba(15,29,52,.10)}
.promo-prices{background:linear-gradient(180deg,#0f1d34 0%,#152847 100%);border:1px solid #2b456f}
.promo-old{color:#b7c2d3}
.promo-new{color:#ffffff}
.summary h1{color:#10223a}
.main-image{box-shadow:0 8px 20px rgba(8,20,38,.08)}
.thumb.active{border-color:#dfff2f;box-shadow:0 0 0 2px rgba(223,255,47,.18)}
.quick-form input:focus,.quick-form select:focus{border-color:#dfff2f;box-shadow:0 0 0 3px rgba(223,255,47,.14)}
.sale-timer__box{box-shadow:0 6px 14px rgba(9,20,36,.20)}


.image-info-list{display:grid;gap:12px}
.image-info-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 4px 12px rgba(16,32,58,.06)}
.image-info-thumb{width:96px;min-width:96px;height:96px;border-radius:12px;overflow:hidden;border:1px solid #d5deec;background:#fff;box-shadow:0 4px 10px rgba(14,29,53,.06)}
.image-info-thumb img{width:100%;height:100%;object-fit:cover}
.image-info-text b{display:block;font-size:18px;line-height:1.2;margin-bottom:6px;color:#13233b}
.image-info-text p{margin:0;font-size:14px;line-height:1.55;color:#5a6c80}
.site-footer{padding:0 0 34px;background:#2f3746;margin-top:18px}
.site-footer__inner{padding:22px 18px;color:#ffffff;font-size:12px;line-height:1.65;text-align:center;background:#2f3746;border-top:1px solid rgba(255,255,255,.10)}
.site-footer a{color:#ffffff;text-decoration:underline}
@media (max-width:380px){
  .image-info-thumb{width:84px;min-width:84px;height:84px}
  .image-info-text b{font-size:16px}
  .image-info-text p{font-size:13px}
}