/* ECOMAX UNIFIED COLLECTION V16 | Responsive cohesive storefront
   Based on user feedback: one catalog, no lonely narrow cards, no giant empty side.
   Checkout, auth and prices remain unchanged. */
:root{
  --e16-surface:#061522;
  --e16-border:rgba(83,194,222,.28);
  --e16-orange:#ff801e;
  --e16-cyan:#36d3ec;
}
html,body{max-width:100% !important;overflow-x:clip !important}
body{background:#030b15 !important}
#products.ecmx16-unified{
  box-sizing:border-box !important;
  max-width:1500px !important;width:calc(100% - 36px) !important;
  margin:34px auto 55px !important;
  padding:clamp(18px,2.7vw,40px) !important;
  border:1px solid var(--e16-border) !important;
  border-radius:26px !important;
  background:
    radial-gradient(ellipse at 84% 3%,rgba(26,188,239,.07),transparent 34%),
    linear-gradient(180deg,#061624,#04101b 55%,#030d16) !important;
  box-shadow:0 18px 65px rgba(0,0,0,.24) !important;
  overflow:hidden;
  isolation:isolate;
}
#products.ecmx16-unified::before,
#products.ecmx16-unified::after{
  display:none !important;content:none !important;
}
#products.ecmx16-unified .section-head{
  position:relative;z-index:2;display:flex !important;flex-wrap:wrap !important;
  justify-content:space-between !important;align-items:end !important;
  gap:12px !important;margin:0 0 22px !important;
}
#products.ecmx16-unified .section-head h2{
  line-height:1.15 !important;font-size:clamp(26px,3vw,44px) !important;
  overflow-wrap:anywhere;
}
#products.ecmx16-unified .tools{
  display:flex !important;
  position:relative;z-index:4;
  align-items:center;flex-wrap:wrap !important;gap:12px !important;
  width:100% !important;max-width:none !important;
  margin:0 0 18px !important;
}
#products.ecmx16-unified .tools .search{
  flex:1 1 250px !important;width:auto !important;max-width:none !important;
  min-width:0 !important;
}
#products.ecmx16-unified .tools .filter{
  flex:0 1 220px !important;max-width:100% !important;min-width:170px !important;
}
#products.ecmx16-unified .ecmx16-categories{
  position:relative;z-index:3;
  width:100%;display:flex;gap:8px;flex-wrap:wrap;
  margin:0 0 24px;padding:0;
}
.ecmx16-categories button{
  appearance:none;white-space:normal;cursor:pointer;
  border:1px solid rgba(84,177,209,.28);
  background:#0a1e2b;color:#b9dce7;
  padding:10px 15px;border-radius:999px;
  font:700 12px/1.4 inherit;min-height:40px;
  transition:background .18s,border-color .18s,color .18s;
}
.ecmx16-categories button:hover,.ecmx16-categories button:focus-visible{
  border-color:rgba(74,211,238,.64);background:#102d41;color:#fff;
}
.ecmx16-categories button[aria-pressed="true"]{
  border-color:#ff943d;background:linear-gradient(125deg,#d9601e,#ff9329);
  color:#fff;box-shadow:0 4px 15px rgba(255,113,28,.19);
}
#products.ecmx16-unified #productsGrid{
  display:grid !important;position:relative;z-index:2;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:clamp(12px,1.5vw,22px) !important;
  width:100% !important;max-width:none !important;
  margin:0 !important;padding:0 !important;
  align-items:stretch !important;
}
#products.ecmx16-unified #productsGrid > .product-card{
  display:flex;flex-direction:column;
  min-width:0 !important;width:100% !important;
  max-width:none !important;height:auto !important;
  margin:0 !important;padding:14px !important;
  border:1px solid rgba(55,170,208,.34) !important;
  border-radius:18px !important;
  background:linear-gradient(165deg,#0b2433,#06141e 64%,#040f19) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 24px rgba(0,0,0,.16) !important;
  animation:none !important;transform:none;
  contain:none !important;content-visibility:visible !important;
  transition:border-color .2s,box-shadow .2s,transform .2s !important;
}
#products.ecmx16-unified #productsGrid > .product-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(74,218,248,.65) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.29) !important;
}
#products.ecmx16-unified #productsGrid > .product-card::before,
#products.ecmx16-unified #productsGrid > .product-card::after,
#products.ecmx16-unified #productsGrid > .product-card .product-top::before,
#products.ecmx16-unified #productsGrid > .product-card .product-top::after,
#products.ecmx16-unified #productsGrid > .product-card .product-info::after{
  animation:none !important;opacity:0 !important;display:none !important;
}
#products.ecmx16-unified #productsGrid > .product-card .product-visual{
  display:flex;align-items:center;justify-content:center;
  min-height:200px !important;height:clamp(200px,18vw,255px) !important;
  overflow:hidden !important;flex-shrink:0;
  margin:6px 0 12px;
  border:1px solid rgba(57,161,202,.26);
  border-radius:13px !important;
  background:radial-gradient(ellipse at 50% 45%,rgba(32,165,212,.13),transparent 62%),#06131d !important;
}
#products.ecmx16-unified #productsGrid > .product-card .product-info{
  max-width:100% !important;
}
#products.ecmx16-unified #productsGrid > .product-card h3,
#products.ecmx16-unified #productsGrid > .product-card .product-description{
  overflow-wrap:anywhere;word-break:normal;
}
#products.ecmx16-unified #productsGrid > .product-card .buy-area{
  margin-top:auto !important;
  width:100% !important;
}
#products.ecmx16-unified #productsGrid > .product-card .add-cart{
  width:100% !important;min-height:43px !important;
  border-radius:10px !important;background:#20b7d1 !important;
  color:#03131d !important;font-weight:800 !important;
  box-shadow:none !important;
}
#products.ecmx16-unified #productsGrid > .product-card .add-cart:hover{
  background:#61dbea !important;
}
#products.ecmx16-unified #productsGrid > .product-card .ecomax-orbit-cars{
  display:none !important;
}
.ecmx16-merged-source{
  display:none !important;
}
#products.ecmx16-unified .ecmx16-bubble-field{
  position:absolute;inset:0;z-index:0;
  overflow:hidden;pointer-events:none;opacity:.68;
}
#products.ecmx16-unified .ecmx16-bubble{
  position:absolute;left:var(--bubble-x);
  top:var(--bubble-y);width:var(--bubble-size);height:var(--bubble-size);
  border-radius:50%;
  background:radial-gradient(circle at 29% 27%,rgba(255,255,255,.6) 0 5%,rgba(142,239,255,.2) 24%,rgba(56,175,221,.07) 58%,transparent 76%);
  border:1px solid rgba(160,238,249,.25);
  box-shadow:inset -2px -2px 6px rgba(72,197,226,.1),0 0 10px rgba(58,208,235,.1);
  opacity:var(--bubble-opacity);
  animation:ecmx16Bubble var(--bubble-speed) ease-in-out infinite;
  animation-delay:var(--bubble-delay);
}
@keyframes ecmx16Bubble{
  0%,100%{transform:translate3d(0,5px,0) scale(.94);opacity:var(--bubble-opacity)}
  50%{transform:translate3d(7px,-13px,0) scale(1.04);opacity:calc(var(--bubble-opacity) * .72)}
}
#products.ecmx16-unified .ecmx16-count{
  position:relative;z-index:3;
  margin:4px 0 17px;color:#91b4c0;font-size:12px;letter-spacing:.2px;
}
#products.ecmx16-unified #productsGrid > .product-card[hidden]{
  display:none !important;
}
@media(max-width:1180px){
  #products.ecmx16-unified #productsGrid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:850px){
  #products.ecmx16-unified #productsGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:620px){
  #products.ecmx16-unified{width:calc(100% - 18px) !important;padding:14px !important;margin:18px auto 34px !important;border-radius:18px !important}
  #products.ecmx16-unified .tools .search{flex-basis:100% !important}
  #products.ecmx16-unified .tools .filter{flex:1 1 100% !important;width:100% !important}
  #products.ecmx16-unified #productsGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  #products.ecmx16-unified #productsGrid > .product-card{padding:9px !important;border-radius:13px !important}
  #products.ecmx16-unified #productsGrid > .product-card .product-visual{
    height:185px !important;min-height:185px !important;
  }
  #products.ecmx16-unified .ecmx16-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}
  #products.ecmx16-unified .ecmx16-categories button{flex:0 0 auto}
}
@media(max-width:390px){
  #products.ecmx16-unified #productsGrid{grid-template-columns:minmax(0,1fr) !important}
  #products.ecmx16-unified #productsGrid > .product-card .product-visual{height:225px !important;min-height:225px !important}
}
@media(prefers-reduced-motion:reduce){
  #products.ecmx16-unified .ecmx16-bubble,
  #products.ecmx16-unified #productsGrid > .product-card,
  .ecmx16-categories button{animation:none !important;transition:none !important}
}