/* ═══ SHOP PROMO ═══ */
.promo{background:var(--p);color:var(--d);text-align:center;padding:10px 16px;font-size:14px;font-weight:500}
.promo strong{font-weight:700}

/* ═══ SHOP HERO ═══ */
.shop-hero{background:linear-gradient(135deg,var(--d),var(--a));padding:48px 48px;text-align:center}
.shop-hero h1{font-family:Georgia,serif;font-size:36px;font-weight:700;color:var(--w);margin-bottom:8px}
.shop-hero p{font-size:15px;color:rgba(255,255,255,.6);max-width:520px;margin:0 auto}

/* ═══ FILTER BAR ═══ */
.filter-bar{max-width:1320px;margin:0 auto;padding:20px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--b)}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap}
.fp{padding:8px 20px;border:1.5px solid var(--b);border-radius:20px;background:var(--w);font-size:15px;font-weight:600;cursor:pointer;color:var(--m);transition:all .15s;text-decoration:none}
.fp.on,.fp.current-cat{border-color:var(--p);background:var(--pl);color:var(--d)}
.fp:hover{border-color:var(--p)}
.result-count{font-size:15px;color:var(--m);font-weight:500;flex-shrink:0}

/* ═══ PRODUCT GRID ═══ */
.products-wrapper{max-width:1320px;margin:0 auto;padding:32px 48px 60px}
.products-wrapper ul.products,
ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:24px!important;list-style:none!important;padding:0!important;margin:0!important}
.products-wrapper ul.products::before,
.products-wrapper ul.products::after{display:none!important}

/* ═══ PRODUCT CARD ═══ */
.card,
.woocommerce ul.products li.product,
ul.products li.product,
.products-wrapper ul.products li.product{border-radius:14px!important;border:1.5px solid var(--b)!important;overflow:hidden!important;background:var(--w)!important;transition:all .25s!important;cursor:pointer;position:relative!important;list-style:none!important;margin:0!important;padding:0!important;float:none!important;width:100%!important;max-width:100%!important}
.card:hover,
.woocommerce ul.products li.product:hover,
ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(15,33,68,.08);border-color:var(--p)!important}

/* Badge */
.badge{position:absolute;top:14px;left:14px;z-index:3;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.badge-best{background:var(--a);color:white}
.badge-new{background:var(--p);color:var(--d)}
.badge-sale{background:var(--r);color:white}
.badge-bundle{background:var(--g);color:white}
span.onsale{position:absolute;top:14px;left:14px;z-index:3;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--r);color:white;min-width:auto;min-height:auto;line-height:1.5}

/* Image */
.card-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.card-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.card-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.card-jar{width:55%;aspect-ratio:1;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:clamp(14px,2vw,20px);color:white;font-weight:700;text-align:center;line-height:1.25;box-shadow:0 12px 36px rgba(26,62,122,.15);transition:transform .3s}
.card:hover .card-jar{transform:scale(1.05)}

/* Quick view overlay */
.quick-add{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,rgba(15,33,68,.7));opacity:0;transition:opacity .25s;display:flex;justify-content:center}
.card:hover .quick-add,
.woocommerce ul.products li.product:hover .quick-add{opacity:1}
.qa-btn{padding:10px 28px;background:var(--p);color:var(--d);border:none;border-radius:6px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block}
.qa-btn:hover{background:var(--pd)}

/* Card body */
.card-body{padding:16px}
.card-cat{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--a);margin-bottom:4px}
.card-name{font-weight:700;font-size:14px;color:var(--d);margin-bottom:4px;line-height:1.35}
.card-desc{font-size:14px;color:var(--m);line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-rating{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.card-stars{display:flex;gap:1px}
.card-stars .s{color:var(--star);font-size:14px}
.card-stars .s.empty{color:var(--b)}
.card-reviews{font-size:13px;color:var(--m)}
.card-price{display:flex;align-items:baseline;gap:8px}
.card-now{font-weight:700;font-size:16px;color:var(--d)}
.card-was{font-size:15px;color:var(--m);text-decoration:line-through}
.card-off{font-size:13px;font-weight:600;color:var(--g);background:var(--gl);padding:2px 7px;border-radius:3px}
.card-btn{display:block;width:100%;margin-top:12px;padding:11px;background:var(--p);color:var(--d);border:none;border-radius:7px;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .2s;text-align:center;text-decoration:none}
.card-btn:hover{background:var(--pd);transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,184,0,.3)}
.card-btn.loading::after{content:'';display:inline-block;width:14px;height:14px;border:2px solid var(--d);border-top-color:transparent;border-radius:50%;animation:spin .5s linear infinite;margin-left:8px;vertical-align:middle}
.card-btn.added{background:var(--g)!important;color:white!important}
.card-btn.added::after{content:'✓';margin-left:6px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ═══ PAGINATION ═══ */
.woocommerce-pagination,.pagination{max-width:1320px;margin:0 auto;padding:12px 48px 40px;display:flex;align-items:center;justify-content:center;gap:6px}
.woocommerce-pagination ul{list-style:none;display:flex;gap:6px;padding:0;margin:0}
.woocommerce-pagination ul li a,.woocommerce-pagination ul li span{padding:10px 18px;border:1.5px solid var(--b);border-radius:8px;background:var(--w);font-size:14px;font-weight:600;color:var(--m);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;text-decoration:none}
.woocommerce-pagination ul li a:hover{border-color:var(--p);color:var(--d)}
.woocommerce-pagination ul li span.current{background:var(--p);border-color:var(--p);color:var(--d)}

/* ═══ TRUST BAR ═══ */
.trust-bar{background:var(--bg);padding:36px 48px;border-top:1px solid var(--b)}
.trust-bar .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1320px;margin:0 auto}
.trust-bar .trust-item{text-align:center}
.trust-bar .trust-ic{font-size:24px;margin-bottom:6px}
.trust-bar .trust-t{font-weight:700;font-size:15px;color:var(--d);margin-bottom:2px}
.trust-bar .trust-d{font-size:13px;color:var(--m)}

/* ═══ TABLET ═══ */
@media(max-width:1024px){
  .products-wrapper ul.products,ul.products{grid-template-columns:repeat(3,1fr)!important;gap:18px!important}
  .products-wrapper{padding:28px 24px 48px}
  .filter-bar{padding:16px 24px}
  .shop-hero{padding:36px 24px}
  .shop-hero h1{font-size:30px}
  .trust-bar{padding:28px 24px}
}

/* ═══ MOBILE ═══ */
@media(max-width:768px){
  .promo{font-size:16px;padding:8px 20px}
  .shop-hero{padding:28px 20px}
  .shop-hero h1{font-size:24px}
  .shop-hero p{font-size:17px;line-height:1.6}
  .filter-bar{padding:12px 20px;flex-direction:column;gap:10px;align-items:flex-start}
  .filter-pills{gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;padding-bottom:4px}
  .fp{padding:6px 14px;font-size:16px;border-radius:16px;white-space:nowrap;flex-shrink:0}
  .result-count{font-size:16px}
  .products-wrapper{padding:16px 20px 40px}
  .products-wrapper ul.products,ul.products{grid-template-columns:1fr!important;gap:12px!important}
  .quick-add{display:none}
  .badge,span.onsale{top:10px;left:10px;padding:3px 8px;font-size:13px}
  .card,.woocommerce ul.products li.product{border-radius:10px!important}
  .card-body{padding:12px}
  .card-cat{font-size:14px}
  .card-name{font-size:16px}
  .card-desc{font-size:17px;margin-bottom:6px;line-height:1.6;-webkit-line-clamp:2}
  .card-stars .s{font-size:16px}
  .card-reviews{font-size:16px}
  .card-now{font-size:16px}
  .card-was{font-size:16px}
  .card-off{font-size:14px;padding:2px 6px}
  .card-btn{margin-top:10px;padding:10px;font-size:16px;border-radius:6px}
  .trust-bar{padding:24px 20px}
  .trust-bar .trust-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .trust-bar .trust-t{font-size:16px}
  .trust-bar .trust-d{font-size:16px;line-height:1.5}
  .woocommerce-pagination{padding:8px 16px 28px}
  .woocommerce-pagination ul li a,.woocommerce-pagination ul li span{padding:8px 14px;font-size:16px}
}

/* ═══ SMALL PHONES ═══ */
@media(max-width:480px){
  .promo{font-size:16px;padding:7px 20px}
  .shop-hero{padding:22px 20px}
  .shop-hero h1{font-size:20px}
  .shop-hero p{font-size:17px;line-height:1.6}
  .filter-bar{padding:10px 20px;gap:8px}
  .filter-pills{gap:5px}
  .fp{padding:5px 12px;font-size:16px}
  .result-count{font-size:16px}
  .products-wrapper{padding:12px 20px 32px}
  .products-wrapper ul.products,ul.products{gap:8px!important}
  .badge,span.onsale{top:8px;left:8px;padding:2px 6px;font-size:13px}
  .card-img{aspect-ratio:1}
  .card-body{padding:10px}
  .card-cat{font-size:13px;margin-bottom:2px}
  .card-name{font-size:16px;margin-bottom:3px}
  .card-desc{font-size:16px;margin-bottom:4px;line-height:1.6;-webkit-line-clamp:1}
  .card-rating{margin-bottom:4px;gap:4px}
  .card-stars .s{font-size:16px}
  .card-reviews{font-size:16px}
  .card-price{gap:5px}
  .card-now{font-size:16px}
  .card-was{font-size:16px}
  .card-off{font-size:13px;padding:1px 5px}
  .card-btn{margin-top:8px;padding:8px;font-size:16px;border-radius:5px}
  .trust-bar{padding:18px 20px}
  .trust-bar .trust-grid{gap:10px}
  .trust-bar .trust-ic{font-size:20px}
  .trust-bar .trust-t{font-size:16px}
  .trust-bar .trust-d{font-size:16px;line-height:1.5}
  .woocommerce-pagination{padding:6px 12px 24px;gap:4px}
  .woocommerce-pagination ul{gap:4px}
  .woocommerce-pagination ul li a,.woocommerce-pagination ul li span{padding:6px 10px;font-size:16px;border-radius:6px}
}

/* ═══ VERY SMALL PHONES ═══ */
@media(max-width:360px){
  .shop-hero h1{font-size:18px}
  .products-wrapper ul.products,ul.products{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  .card-body{padding:8px}
  .card-name{font-size:16px}
  .card-desc{display:none}
  .card-rating{display:none}
  .card-now{font-size:16px}
  .card-btn{padding:7px;font-size:16px}
  .trust-bar .trust-grid{grid-template-columns:1fr;gap:8px}
  .trust-bar .trust-item{text-align:left;display:flex;align-items:center;gap:10px}
}