:root{--blue:#0b5fae;--blue2:#1590e8;--navy:#10243e;--line:#42a5eb;--bg:#f4f8fc;--card:#fff;--muted:#6b7a90;--shadow:0 8px 24px rgba(11,95,174,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--navy)}a{text-decoration:none;color:inherit}.wrap{max-width:1440px;margin:auto;padding:0 18px}
.topbar{background:linear-gradient(90deg,#0756a7,#0d6fc8);color:#fff;font-size:12px}.topbar .wrap{height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar .right{display:flex;gap:20px;align-items:center}
header{background:#fff;border-bottom:2px solid var(--line);box-shadow:var(--shadow);position:sticky;top:0;z-index:50}.head{display:grid;grid-template-columns:230px 1fr auto;gap:22px;align-items:center;padding:14px 18px 10px}.logo{width:205px;max-height:58px;object-fit:contain}.search{display:flex;border:1.5px solid #b7d9f2;border-radius:11px;overflow:hidden;background:#f9fcff}.search input{flex:1;border:0;outline:0;padding:13px 14px;background:transparent;font-size:14px}.search button{border:0;background:var(--blue);color:#fff;padding:0 18px;font-weight:800}.actions{display:flex;gap:10px}.action{border:1px solid #c9e2f5;border-radius:10px;padding:9px 12px;background:#fff;font-size:13px;min-width:120px}.action small{display:block;color:var(--muted);font-size:10px}.action b{display:block;margin-top:2px}.nav{display:flex;gap:26px;align-items:center;justify-content:center;padding:0 18px 12px;font-size:13px;font-weight:800}.nav a:hover{color:var(--blue)}
.section{margin-top:16px;background:#fff;border:2px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.hero{display:grid;grid-template-columns:1.65fr .75fr;gap:12px;padding:12px}.hero-main{min-height:330px;border-radius:11px;padding:42px;background:linear-gradient(125deg,#075db4 0%,#167ad0 58%,#dff3ff 100%);color:#fff;position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;right:-80px;top:-80px;width:390px;height:390px;border-radius:50%;background:rgba(255,255,255,.11)}.hero-main>img{height:54px;filter:brightness(0) invert(1);margin-bottom:18px}.hero-main h1{font-size:48px;line-height:.98;margin:0 0 14px;max-width:650px}.hero-main p{font-size:18px;max-width:600px}.cta{display:inline-block;background:#fff;color:var(--blue);font-weight:900;padding:12px 18px;border-radius:9px;margin-top:10px}.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:12px}.promo{border-radius:11px;padding:24px;color:#fff;min-height:158px;background:linear-gradient(135deg,#10243e,#276ba5)}.promo.home{background:linear-gradient(135deg,#1b4f72,#5fa0c9)}.promo h3{font-size:25px;margin:0 0 8px}.promo p{margin:0 0 14px}.promo a{font-weight:900}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#d8eaf7}.benefits div{background:#fff;padding:13px 16px;text-align:center}.benefits b{display:block}.benefits small{color:var(--muted)}.title{display:flex;justify-content:space-between;align-items:end;padding:15px 18px 10px;border-bottom:1px solid #e1edf6}.title h2{margin:0;font-size:22px}.title p{margin:3px 0 0;color:var(--muted);font-size:13px}.title a{color:var(--blue);font-weight:800;font-size:13px}
.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:14px}.cat{text-align:center;border:1px solid #d5e8f6;border-radius:12px;padding:12px 8px;background:#fff}.cat .ico{height:62px;border-radius:10px;background:#edf6fd;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:8px}.cat b{font-size:12px}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:14px}.product{border:1px solid #d6e7f4;border-radius:12px;padding:12px;background:#fff;min-height:250px}.product .pic{height:145px;display:flex;align-items:center;justify-content:center;background:#f8fbfe;border-radius:9px;overflow:hidden}.product img{max-height:138px;max-width:100%;object-fit:contain}.product h3{font-size:14px;line-height:1.25;min-height:35px}.product .price{font-size:18px;font-weight:900;color:#c21f27}.product button{width:100%;margin-top:8px;border:0;border-radius:8px;background:var(--blue);color:white;padding:10px;font-weight:900}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px}.two .section{margin-top:0}.weekend img{display:block;width:100%;max-height:360px;object-fit:contain;background:#f7fbff}.catalog-track{display:flex;gap:12px;overflow-x:auto;padding:14px;scroll-snap-type:x mandatory}.catalog-track img{flex:0 0 180px;width:180px;aspect-ratio:3/4;object-fit:cover;border:1px solid #d6e7f4;border-radius:10px;scroll-snap-align:start;background:#f5f9fd}
.homepromo{display:grid;grid-template-columns:1fr 1.6fr;align-items:center;min-height:210px}.homepromo .txt{padding:28px}.homepromo .visual{height:100%;min-height:210px;background:linear-gradient(135deg,#dcecf7,#f5f8f3);position:relative}.homepromo .visual:before{content:"NEON HOME";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:900;color:#315b76;opacity:.22}.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.store{border:1px solid #d6e7f4;border-radius:12px;overflow:hidden;background:#fff}.store .photo{height:150px;background:linear-gradient(135deg,#dcebf6,#b9d7ea);display:flex;align-items:center;justify-content:center;font-weight:900;color:#38607b}.store .info{padding:12px}.store h3{margin:0 0 6px}.store p{margin:4px 0;color:#596b7d;font-size:13px}.store a{display:inline-block;margin-top:7px;color:var(--blue);font-weight:800;font-size:13px}
.brands{overflow:hidden;padding:17px}.brand-track{display:flex;gap:44px;align-items:center;width:max-content;animation:brands 30s linear infinite}.brand{font-size:25px;font-weight:900;color:#9aa5b1;filter:grayscale(1);transition:.2s}.brand:hover{color:var(--blue);filter:none}@keyframes brands{to{transform:translateX(-50%)}}footer{margin-top:18px;background:#fff;border-top:2px solid var(--line)}.foot{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:30px;padding:30px 18px}.foot img{width:175px}.foot b{display:block;margin-bottom:8px}.foot a{display:block;color:#607184;font-size:13px;margin:5px 0}.copy{border-top:1px solid #e6eef5;padding:12px 18px;color:#728093;font-size:12px}.mobilebar{display:none}
@media(max-width:980px){.categories{grid-template-columns:repeat(4,1fr)}.products{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.head{grid-template-columns:180px 1fr}.actions{display:none}.two{grid-template-columns:1fr}.stores{grid-template-columns:1fr 1fr}.nav{overflow-x:auto;justify-content:flex-start}}
@media(max-width:700px){body{padding-bottom:60px}.topbar,.search,.nav{display:none}header{position:relative}.head{grid-template-columns:1fr auto;padding:10px 14px}.logo{width:150px}.hero{padding:8px}.hero-main{min-height:240px;padding:26px 22px}.hero-main h1{font-size:34px}.hero-side{display:none}.benefits{grid-template-columns:1fr 1fr}.categories{grid-template-columns:repeat(4,1fr);padding:10px}.cat .ico{height:50px}.products{grid-template-columns:1fr 1fr;padding:10px;gap:9px}.product{min-height:235px;padding:9px}.product .pic{height:125px}.two{display:block}.two .section{margin-top:12px}.stores{grid-template-columns:1fr;padding:10px}.homepromo{grid-template-columns:1fr}.homepromo .visual{min-height:130px}.foot{grid-template-columns:1fr 1fr}.mobilebar{position:fixed;left:0;right:0;bottom:0;height:58px;background:linear-gradient(90deg,#0756a7,#0d6fc8);display:grid;grid-template-columns:1fr 1.2fr 1.35fr 1fr;z-index:9999;box-shadow:0 -4px 18px rgba(0,0,0,.22)}.mobilebar a{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}.mobilebar b{font-size:11px;margin-top:3px}.wrap{padding:0 8px}.section{border-width:1.5px;border-radius:11px}}


/* FINAL UI 1.1 additions */
.online-bubble{
  position:absolute;right:28px;bottom:24px;z-index:2;
  min-width:220px;max-width:260px;padding:14px 16px;
  border:1px solid rgba(255,255,255,.72);border-radius:18px;
  background:rgba(255,255,255,.95);color:#0b5fae;
  box-shadow:0 8px 25px rgba(0,0,0,.16)
}
.online-bubble span{display:block;font-size:11px;font-weight:900;letter-spacing:.09em}
.online-bubble b{display:block;font-size:19px;margin:3px 0 6px;color:#10243e}
.online-bubble a{font-size:12px;font-weight:900;color:#0b5fae}
.stores{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.stores{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
 .stores{grid-template-columns:1fr}
 .online-bubble{position:relative;right:auto;bottom:auto;margin-top:18px;min-width:0;max-width:100%}
}


/* FINAL UI 1.2 – compact Super vikend + monthly leaflet */
.promo-row{
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);
  gap:14px;
  margin-top:16px;
}
.promo-row .section{margin-top:0}
.compact-weekend,
.compact-catalog{
  min-height:0!important;
}
.weekend-products{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:12px;
}
.mini-product{
  border:1px solid #d8e8f4;
  border-radius:10px;
  padding:8px;
  background:#fff;
  min-width:0;
}
.mini-pic{
  height:92px;
  border-radius:8px;
  background:#f7fbfe;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:7px;
}
.mini-pic img{max-width:100%;max-height:88px;object-fit:contain}
.mini-product b{
  display:block;
  font-size:12px;
  line-height:1.2;
  min-height:28px;
}
.mini-product span{
  display:block;
  margin-top:4px;
  font-size:11px;
  color:#c21f27;
  font-weight:900;
}
.catalog-mini{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:12px;
  padding:12px;
  align-items:center;
}
.catalog-cover{
  height:145px;
  border:1px solid #d8e8f4;
  border-radius:10px;
  background:#f7fbfe;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:900;
  color:#5d7285;
  overflow:hidden;
}
.catalog-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.catalog-copy b{font-size:14px}
.catalog-copy p{
  margin:5px 0 8px;
  color:#6a7a8d;
  font-size:12px;
}
.compact-catalog .catalog-track{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:0;
}
.compact-catalog .catalog-track img{
  width:44px;
  height:58px;
  flex:0 0 44px;
  border-radius:5px;
  object-fit:cover;
}
@media(max-width:980px){
  .promo-row{grid-template-columns:1fr}
  .weekend-products{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}
}
@media(max-width:700px){
  .promo-row{display:block;margin-top:12px}
  .promo-row .section{margin-top:12px}
  .weekend-products{
    display:flex;
    overflow-x:auto;
    gap:9px;
    padding:10px;
  }
  .mini-product{flex:0 0 135px}
  .mini-pic{height:100px}
  .catalog-mini{grid-template-columns:90px 1fr}
  .catalog-cover{height:122px}
}


/* preview fix: colored hero logo */
.hero-logo-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 10px 24px rgba(0,0,0,.12);margin-bottom:18px;max-width:260px}
.hero-logo-badge img{height:42px;width:auto;display:block;filter:none!important;object-fit:contain!important}
.hero-main img{filter:none!important}

/* stronger hero logo constraint */
.hero-logo-badge{display:inline-flex!important;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:10px 16px;box-shadow:0 10px 24px rgba(0,0,0,.12);margin-bottom:18px;max-width:260px;width:auto!important}
.hero-logo-badge img{height:42px!important;width:auto!important;max-width:100%!important;display:block;object-fit:contain!important;filter:none!important}


/* FINAL UI 1.3 – 8 store photos */
.stores-four{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  padding:14px;
}
.store-gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  padding:5px;
  background:#eef6fc;
}
.store-photo{
  height:125px;
  border-radius:8px;
  overflow:hidden;
  background:linear-gradient(135deg,#dcebf6,#b9d7ea);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#38607b;
  font-size:12px;
  font-weight:900;
}
.store-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.neon-home-store{
  border-color:#1590e8!important;
}
.neon-home-store h3{
  color:#0b5fae!important;
}
@media(max-width:1050px){
  .stores-four{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .stores-four{grid-template-columns:1fr}
  .store-photo{height:145px}
}

/* FINAL UI 1.4 – real store photos */
.store-photo.single{
  height:190px;
  border-radius:0;
  overflow:hidden;
  background:#eef6fc;
}
.store-photo.single img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.neon-home-placeholder{
  background:
    linear-gradient(135deg,rgba(11,95,174,.95),rgba(21,144,232,.78)),
    linear-gradient(45deg,#0b5fae,#1590e8);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.neon-home-placeholder span{
  font-size:30px;
  font-weight:900;
  letter-spacing:.03em;
}
@media(max-width:700px){
  .store-photo.single{height:210px}
}