.wcombo-wrap.wcombo-hero{
  /* margin:20px 0; */
  padding:22px;
  border-radius:24px;
  color:#fff;
  box-sizing:border-box;
  background:
    linear-gradient(90deg,rgba(18,18,18,.88) 0%,rgba(18,18,18,.55) 42%,rgba(18,18,18,.35) 100%),
    var(--wcombo-hero, linear-gradient(135deg,#2a2a2a,#111));
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.wcombo-hero-inner{
  display:grid;
  grid-template-columns: minmax(240px,275px) 1fr;
  gap:22px;
  align-items:center;
}
.wcombo-intro{padding:8px 8px 8px 12px}
.wcombo-eyebrow{
  display:block;
  color:#ff7a00;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  margin-bottom:8px;
}
.wcombo-heading{
  margin:0 0 10px;
  font-size:34px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
  text-transform:none;
  max-width:280px;
}
.wcombo-desc{
  margin:0 0 16px;
  color:rgba(255,255,255,.82);
  font-size:14px;
  line-height:1.5;
  max-width:280px;
}
.wcombo-features{list-style:none;margin:0 0 16px;padding:0}
.wcombo-features li{
  display:flex;
  align-items:center;
  gap:8px;
  position:relative;
  padding:5px 0;
  font-size:13px;
  color:#fff;
}
.wcombo-features li:not(.has-icon):before{
  content:"";
  width:12px;height:12px;
  border-radius:3px;
  background:#ff7a00;
  flex:none;
}
.wcombo-features li img{
  width:var(--wcombo-fi,16px);
  height:var(--wcombo-fi,16px);
  object-fit:contain;
  flex:none;
}
.wcombo-all{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(255,255,255,.16);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  padding:8px 14px;
  font-size:13px;
  font-weight:600;
}
.wcombo-all:after{content:" →"}
.wcombo-slider{position:relative;min-width:0}
.wcombo-viewport{overflow:hidden;border-radius:18px}
.wcombo-track{display:flex;gap:14px;will-change:transform;transition:transform .32s ease;touch-action:pan-y}
.wcombo-slider .wcombo-prev,
.wcombo-slider .wcombo-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:32px;
  height:32px;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#333;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  cursor:pointer;
  font-size:12px;
  line-height:30px;
  padding:0;
}
.wcombo-slider .wcombo-prev{left:-20px}
.wcombo-slider .wcombo-next{right:-32px}
.wcombo-card{
  position:relative;
  background:#fff;
  color:#1a1a1a;
  border-radius:18px;
  padding:16px 16px 18px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
  text-align:left;
  overflow:hidden;
  box-sizing:border-box;
  flex:0 0 100%;
  border:2px solid transparent;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.wcombo-card:hover{
  border-color:#ff7a00;
  box-shadow:0 12px 28px rgba(255,122,0,.22);
}
.wcombo-card-top{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-bottom:8px;
  min-height:22px;
}
.wcombo-no{font-size:12px;color:#9aa0a6;font-weight:700}
.wcombo-tag{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  font-weight:700;
  border-radius:999px;
  padding:4px 8px;
  background:#fff3e8;
  color:#e8590c;
}
.wcombo-tag img{width:12px;height:12px;object-fit:contain}
.wcombo-tag.is-smart{background:#e7f5ff;color:#1c7ed6}
.wcombo-tag.is-premium{background:#f3f0ff;color:#7048e8}
.wcombo-card h3{
  margin:0 0 4px;
  font-size:18px;
  line-height:1.25;
  text-align:left;
  color:#111;
}
.wcombo-sub{margin:0 0 12px;color:#888;font-size:12px}
.wcombo-thumbs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:78px;
  margin:8px 0 12px;
}
.wcombo-thumb{
  width:68px;
  height:68px;
  border-radius:10px;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.wcombo-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.wcombo-plus{color:#c5c5c5;font-weight:700;font-size:16px}
.wcombo-thumb-wrap{display:flex;flex-direction:column;align-items:center;max-width:76px}
.wcombo-thumb-qty{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-weight:800;
  color:#ff7a00;
  line-height:1;
}
.wcombo-thumb-name{display:block;margin-top:4px;font-style:normal;font-size:10px;line-height:1.25;color:#555;text-align:center;max-width:76px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wcombo-price{
  margin:4px 0 8px;
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.wcombo-price del{color:#aaa;font-size:13px}
.wcombo-wrap .wcombo-price ins,
.wcombo-wrap .wcombo-price ins .amount,
.wcombo-wrap .wcombo-price ins .woocommerce-Price-amount,
.wcombo-wrap .wcombo-price ins bdi{
  color:var(--wcombo-price,#F15A00)!important;
  text-decoration:none;
  font-weight:800;
  font-size:20px;
}
.wcombo-savepill{
  display:block;
  width:fit-content;
  margin:0 auto 12px;
  background:#fff4e6;
  color:#e8590c;
  border-radius:999px;
  padding:5px 12px;
  font-size:12px;
  font-weight:700;
}
.wcombo-add{
  display:block;
  width:auto;
  max-width:180px;
  margin:0 auto;
  border:0;
  border-radius:8px;
  background:var(--wcombo-btn,#FF6A00);
  color:#fff;
  font-weight:800;
  font-size:12px;
  letter-spacing:.03em;
  text-transform:uppercase;
  padding:7px 12px;
  cursor:pointer;
}
.wcombo-add:after{content:" →"}
.wcombo-add:disabled{opacity:.6;cursor:wait}
.wcombo-cart-tag{color:#ff7a00}
@media(min-width:900px){
  .wcombo-card{flex-basis:calc(50% - 7px)}
}
@media(min-width:1200px){
  .wcombo-card{flex-basis:calc(33.333% - 10px)}
}
@media(max-width:899px){
  .wcombo-hero-inner{grid-template-columns:1fr}
  .wcombo-heading{max-width:none;font-size:28px}
  .wcombo-desc{max-width:none}
  .wcombo-card{flex-basis:100%}
  .wcombo-slider .wcombo-prev{left:0}
  .wcombo-slider .wcombo-next{right:0}
  .wcombo-wrap.wcombo-hero{padding:16px}
}