/* Zynto Bazaar v3.0.4 — isolated ZINTO-style collection recreation */
:root{
  --zpk-navy:#071b43;
  --zpk-blue:#2f6ee9;
  --zpk-blue-hover:#245fd0;
  --zpk-muted:#516083;
  --zpk-line:#0b2b67;
  --zpk-soft:#f7f8fb;
}

body.zb-zinto-collection{background:#fff!important;color:var(--zpk-navy)!important}
body.zb-zinto-collection main{background:#fff!important}

/* Reference canvas: 1088px total, 49px side gutters -> 990px content */
.zb-zinto-collection-shell{
  width:100%!important;
  max-width:1088px!important;
  margin:0 auto!important;
  padding:31px 49px 22px!important;
  box-sizing:border-box!important;
}
.zb-zinto-collection-head{margin:0 0 37px!important;padding:0!important}
.zb-zinto-collection-title{
  margin:0!important;
  color:var(--zpk-navy)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:36px!important;
  line-height:1.08!important;
  font-weight:400!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
}

.zb-zinto-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 35px!important;
  color:var(--zpk-navy)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important;
  line-height:1!important;
}
.zb-zinto-filter-side,.zb-zinto-sort-side{display:flex!important;align-items:center!important}
.zb-zinto-filter-side{gap:29px!important}
.zb-zinto-sort-side{gap:17px!important;margin-left:auto!important}
.zb-zinto-filter-label,.zb-zinto-sort-label{font-weight:700!important;white-space:nowrap!important}
.zb-zinto-filter{position:relative!important;margin:0!important}
.zb-zinto-filter>summary{
  list-style:none!important;display:flex!important;align-items:center!important;gap:9px!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;
  color:var(--zpk-navy)!important;font:500 13px/1 Arial,Helvetica,sans-serif!important;
  cursor:pointer!important;user-select:none!important;box-shadow:none!important
}
.zb-zinto-filter>summary::-webkit-details-marker{display:none!important}
.zb-zinto-filter>summary::after{
  content:""!important;display:block!important;width:6px!important;height:6px!important;
  border-right:1px solid #29477f!important;border-bottom:1px solid #29477f!important;
  transform:rotate(45deg) translateY(-2px)!important
}
.zb-zinto-filter[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px)!important}

.zb-zinto-pop{
  position:absolute!important;z-index:80!important;top:27px!important;left:-9px!important;
  min-width:210px!important;padding:15px!important;background:#fff!important;
  border:1px solid #d6deec!important;border-radius:8px!important;
  box-shadow:0 16px 38px rgba(7,27,67,.12)!important
}
.zb-zinto-pop label{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;color:var(--zpk-navy)!important;font:500 12px/1.25 Arial,Helvetica,sans-serif!important}
.zb-zinto-pop label:last-child{margin-bottom:0!important}
.zb-zinto-pop input[type=radio]{width:15px!important;height:15px!important;min-width:15px!important;margin:0!important;accent-color:var(--zpk-blue)!important}
.zb-zinto-price-pop{min-width:245px!important}
.zb-zinto-price-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.zb-zinto-price-fields label{display:block!important;color:var(--zpk-muted)!important;font-size:11px!important}
.zb-zinto-price-fields input{
  width:100%!important;box-sizing:border-box!important;margin-top:6px!important;padding:9px 10px!important;
  border:1px solid #cad5e6!important;border-radius:6px!important;background:#fff!important;color:var(--zpk-navy)!important;
  font:500 12px Arial,Helvetica,sans-serif!important;outline:0!important
}
.zb-zinto-price-fields input:focus{border-color:var(--zpk-blue)!important;box-shadow:0 0 0 2px rgba(47,110,233,.08)!important}

.zb-zinto-sort{
  appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:0!important;
  background:transparent!important;color:var(--zpk-navy)!important;
  font:500 13px/1 Arial,Helvetica,sans-serif!important;cursor:pointer!important;
  min-width:145px!important;padding:0 18px 0 0!important;
  background-image:linear-gradient(45deg,transparent 50%,#2a467e 50%),linear-gradient(135deg,#2a467e 50%,transparent 50%)!important;
  background-position:calc(100% - 7px) 45%,calc(100% - 3px) 45%!important;
  background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important
}
.zb-zinto-count{min-width:76px!important;text-align:right!important;color:var(--zpk-muted)!important;font:500 13px/1 Arial,Helvetica,sans-serif!important;white-space:nowrap!important}

/* Isolated collection grid: no legacy .product class anywhere */
.zpk-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
  align-items:stretch!important;
  margin:0!important;padding:0!important;
}
.zpk-card{
  position:relative!important;
  display:flex!important;flex-direction:column!important;
  min-width:0!important;
  min-height:493px!important;
  padding:14px 14px 17px!important;
  box-sizing:border-box!important;
  border:1px solid var(--zpk-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  color:var(--zpk-navy)!important;
}
.zpk-card:hover{transform:none!important;box-shadow:none!important;border-color:var(--zpk-line)!important}
.zpk-media-link{display:block!important;text-decoration:none!important;margin:0!important;padding:0!important}
.zpk-media{
  display:block!important;
  width:100%!important;height:255px!important;
  overflow:hidden!important;
  margin:0!important;padding:0!important;
  background:var(--zpk-soft)!important;
  border:0!important;border-radius:0!important;
}
.zpk-media img,.zpk-media video{
  display:block!important;width:100%!important;height:100%!important;
  margin:0!important;padding:0!important;
  object-fit:cover!important;object-position:center!important;
  border:0!important;border-radius:0!important;background:var(--zpk-soft)!important;
  filter:none!important;transform:none!important;transition:none!important
}
.zpk-media img[src$=".svg"],.zpk-media img[src*=".svg?"]{object-fit:contain!important;padding:12px!important;box-sizing:border-box!important;background:#fff!important}
.zpk-sale{
  position:absolute!important;z-index:4!important;top:27px!important;left:24px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:52px!important;height:22px!important;padding:0!important;
  border:0!important;border-radius:0!important;
  background:var(--zpk-navy)!important;color:#fff!important;
  font:700 11px/22px Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;text-transform:none!important;
}
.zpk-body{
  display:flex!important;flex:1!important;flex-direction:column!important;
  min-height:0!important;
  padding:22px 4px 0!important;
  box-sizing:border-box!important;
  background:#fff!important;
}
.zpk-title{
  min-height:47px!important;
  margin:0!important;
  color:var(--zpk-navy)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:17px!important;line-height:1.28!important;font-weight:600!important;
  letter-spacing:0!important;text-transform:none!important;
}
.zpk-title a{color:inherit!important;text-decoration:none!important}
.zpk-price{
  display:flex!important;align-items:baseline!important;gap:13px!important;
  min-height:18px!important;margin:0!important;padding:0!important;
  white-space:nowrap!important;color:var(--zpk-navy)!important
}
.zpk-price del{color:#43567d!important;font:500 12px/1 Arial,Helvetica,sans-serif!important;text-decoration-thickness:1px!important}
.zpk-price strong{color:var(--zpk-navy)!important;font:800 14px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important}
.zpk-actions{margin-top:auto!important;padding-top:20px!important}
.zpk-btn{
  appearance:none!important;-webkit-appearance:none!important;
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:46px!important;min-height:46px!important;
  margin:0!important;padding:0 16px!important;box-sizing:border-box!important;
  border:1px solid var(--zpk-line)!important;border-radius:999px!important;
  box-shadow:none!important;transform:none!important;animation:none!important;
  font:700 14px/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:0!important;text-decoration:none!important;cursor:pointer!important;
  transition:none!important
}
.zpk-btn::before,.zpk-btn::after{display:none!important;content:none!important}
.zpk-shop{background:var(--zpk-blue)!important;color:#fff!important}
.zpk-shop:hover{background:var(--zpk-blue)!important;color:#fff!important;border-color:var(--zpk-line)!important}
.zpk-cart{margin-top:9px!important;background:#fff!important;color:var(--zpk-navy)!important}
.zpk-cart:hover{background:#fff!important;color:var(--zpk-navy)!important;border-color:var(--zpk-line)!important}
.zpk-empty{grid-column:1/-1!important;padding:70px 20px!important;text-align:center!important;color:var(--zpk-muted)!important;font:500 14px Arial,Helvetica,sans-serif!important}

/* Keep four columns at the reference width (~1046px). */
@media(max-width:900px){
  .zb-zinto-collection-shell{max-width:100%!important;padding:28px 20px 48px!important}
  .zb-zinto-collection-head{margin-bottom:30px!important}
  .zb-zinto-collection-title{font-size:32px!important}
  .zb-zinto-toolbar{flex-wrap:wrap!important;gap:18px!important;margin-bottom:27px!important}
  .zb-zinto-sort-side{margin-left:0!important;width:100%!important;justify-content:flex-end!important}
  .zpk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:560px){
  .zb-zinto-collection-shell{padding:24px 10px 42px!important}
  .zb-zinto-collection-title{font-size:28px!important}
  .zb-zinto-toolbar{font-size:12px!important}
  .zb-zinto-filter-side{gap:17px!important;flex-wrap:wrap!important}
  .zb-zinto-sort-side{justify-content:space-between!important;gap:8px!important}
  .zb-zinto-sort{min-width:132px!important;font-size:12px!important}
  .zb-zinto-count{font-size:12px!important;min-width:auto!important}
  .zpk-grid{gap:9px!important}
  .zpk-card{min-height:405px!important;padding:8px 8px 10px!important;border-radius:13px!important}
  .zpk-media{height:185px!important}
  .zpk-sale{top:17px!important;left:16px!important;width:43px!important;height:19px!important;font-size:9px!important;line-height:19px!important}
  .zpk-body{padding:13px 2px 0!important}
  .zpk-title{min-height:50px!important;font-size:14px!important;line-height:1.28!important}
  .zpk-price{gap:7px!important;white-space:normal!important;flex-wrap:wrap!important}
  .zpk-price del{font-size:9.5px!important}.zpk-price strong{font-size:11.5px!important}
  .zpk-actions{padding-top:13px!important}
  .zpk-btn{height:40px!important;min-height:40px!important;font-size:11px!important}
  .zpk-cart{margin-top:7px!important}
}