/* V1067 — e-voucher.coupons ONLY. The new controls all use ev67- classes.
 * Specific, local overrides only, no global body/* or generic .card rules.
 * Keep the V1066 full-banner object-fit:contain rule untouched. */
html.ev-next-v1064 body.webshop-v301 #home .ev67-product-toolbar,
html.ev-next-v1064 body.webshop-v301 #home .ev67-categories{
  background:rgba(255,255,255,.96);border:1px solid #d7e7fd;border-radius:17px;
  box-shadow:0 7px 18px rgba(31,99,171,.075);margin:12px 0;padding:15px;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-title,
html.ev-next-v1064 body.webshop-v301 #home .ev67-category-heading{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 14px;margin-bottom:12px;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-title strong,
html.ev-next-v1064 body.webshop-v301 #home .ev67-category-heading strong{
  font-size:16px;color:#123c75;font-weight:900;line-height:1.35;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-title span,
html.ev-next-v1064 body.webshop-v301 #home .ev67-category-heading span{
  font-size:12px;color:#6280a5;font-weight:600;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,240px);gap:12px;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields label{
  display:flex;flex-direction:column;min-width:0;gap:5px;font-size:12px;font-weight:850;color:#456387;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields :is(input,select){
  appearance:auto;box-sizing:border-box;display:block;width:100%;min-width:0;height:43px;
  border:1px solid #c8dcf8;border-radius:11px;background:#f8fbff;
  padding:0 12px;font-size:14px;color:#163962;font-weight:650;
  box-shadow:none;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields :is(input,select):focus-visible{
  outline:3px solid #98c9ff;outline-offset:1px;border-color:#3f95f7;
}
/* Categories are an existing backend-driven filter; they are MOVED to a clear card,
 * never duplicated, so the original click handler still filters the real catalog. */
html.ev-next-v1064 body.webshop-v301 #home .ev67-categories #categoryTabsV198{
  display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;
  padding:0!important;max-width:100%!important;overflow:visible!important;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-categories #categoryTabsV198 button{
  display:inline-flex!important;align-items:center;justify-content:center;max-width:100%;
  white-space:normal;min-height:38px!important;padding:8px 14px!important;
  border-radius:999px!important;background:#f1f7ff!important;
  border:1px solid #bad8ff!important;color:#18528e!important;
  font-size:12.5px!important;font-weight:850!important;line-height:1.4;
  box-shadow:0 1px 5px rgba(25,90,174,.07)!important;
}
html.ev-next-v1064 body.webshop-v301 #home .ev67-categories #categoryTabsV198 button.active{
  background:linear-gradient(115deg,#1387ff,#075fe8)!important;color:white!important;
  border-color:#1176f4!important;box-shadow:0 5px 12px rgba(18,104,229,.20)!important;
}
/* Rewards points sort already exists in the original member renderer. Enhance
 * only its visibility—do not replace its event handlers or reward calculations. */
html.ev-next-v1064 body.webshop-v301 #member .ev67-rewards-sort,
html.ev-next-v1064 body.webshop-v301 #member .member-reward-sort-v243{
  display:flex!important;align-items:center!important;gap:10px!important;
  color:#174575!important;font-weight:850!important;font-size:14px!important;
}
html.ev-next-v1064 body.webshop-v301 #member #memberRewardSortV243{
  min-width:170px!important;min-height:42px!important;padding:8px 12px!important;
  background:#f7fbff!important;border:1px solid #bad7fb!important;
  border-radius:12px!important;color:#123d73!important;font-size:13px!important;
}
html.ev-next-v1064 body.webshop-v301 #member .ev67-rewards-intro{
  margin:6px 0 12px;color:#526f93;font-size:12px;line-height:1.6;
}
/* Desktop remains the V1066 layout, with clearer shop filters. */
@media (max-width:980px){
  html.ev-next-v1064 body.webshop-v301 #app>.header .mainbar-v301{
    padding-top:5px!important;padding-bottom:6px!important;min-height:0!important;
  }
  html.ev-next-v1064 body.webshop-v301 #app>.header .logo #headerSiteName{font-size:19px!important}
  html.ev-next-v1064 body.webshop-v301 #app>.header .search-v301{
    height:43px!important;min-height:43px!important;margin-top:3px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #app>.header .search-v301 button{
    height:35px!important;min-height:35px!important;font-size:12px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #app>main.container{
    padding-top:9px!important;padding-bottom:85px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .section-head h2{font-size:16px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-product-toolbar,
  html.ev-next-v1064 body.webshop-v301 #home .ev67-categories{
    margin:10px 0!important;padding:11px!important;border-radius:14px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-title,
  html.ev-next-v1064 body.webshop-v301 #home .ev67-category-heading{margin-bottom:8px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-title strong,
  html.ev-next-v1064 body.webshop-v301 #home .ev67-category-heading strong{font-size:14px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-title span,
  html.ev-next-v1064 body.webshop-v301 #home .ev67-category-heading span{font-size:11px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields{grid-template-columns:minmax(0,1fr) minmax(135px,38%);gap:7px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields :is(input,select){font-size:12px!important;height:39px!important;padding:0 9px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-categories #categoryTabsV198{gap:6px!important}
  html.ev-next-v1064 body.webshop-v301 #home .ev67-categories #categoryTabsV198 button{
    font-size:11.5px!important;min-height:33px!important;padding:6px 9px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-rail-list-v775{gap:8px!important}
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-item-v775{
    flex:0 0 clamp(126px,28vw,165px)!important;border-radius:12px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-thumb-v775{
    aspect-ratio:1.22/1!important;height:auto!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-thumb-v775 img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-copy-v775{
    padding:7px 8px!important;min-height:66px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-copy-v775 b{font-size:10px!important}
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-copy-v775 small{font-size:11px!important}
  html.ev-next-v1064 body.webshop-v301 #home #productGrid>.product .name{font-size:11.5px!important}
}
@media (max-width:480px){
  html.ev-next-v1064 body.webshop-v301 #home .ev67-toolbar-fields{
    grid-template-columns:minmax(0,1fr) 134px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home .ev67-field-label{font-size:10.5px}
  html.ev-next-v1064 body.webshop-v301 #home .promotion-rail-v775 .promotion-item-v775{
    flex-basis:clamp(123px,38vw,145px)!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home #productGrid.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
  }
  html.ev-next-v1064 body.webshop-v301 #home #productGrid>.product>.body{padding:8px!important}
}
