
/* Packway Product Catalogue v1.0.1 - readability refresh */
.pwcq-wrap{
  --ink:#132332;
  --muted:#596875;
  --line:#dce3e8;
  --accent:#ef302f;
  --accent-dark:#d92323;
  --soft:#f6f8fa;
  font-family:inherit;
  color:var(--ink);
  max-width:1240px;
  margin:0 auto;
  font-size:16px;
  line-height:1.5;
}
.pwcq-wrap *{box-sizing:border-box}

/* Hero */
.pwcq-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:32px;
  padding:38px 42px;
  border-radius:18px;
  background:#132332;
  color:#fff!important;
  margin-bottom:22px;
}
.pwcq-hero>div{max-width:790px}
.pwcq-kicker,
.pwcq-drawer-head small{
  display:block;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.12em;
  color:#cbd5dc!important;
  opacity:1!important;
}
.pwcq-wrap .pwcq-hero h2{
  color:#fff!important;
  font-size:clamp(30px,3.5vw,46px)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.02em;
  margin:8px 0 10px!important;
}
.pwcq-wrap .pwcq-hero p{
  color:#e4eaee!important;
  font-size:16px!important;
  line-height:1.55!important;
  margin:0!important;
  opacity:1!important;
}
.pwcq-quote-trigger,
.pwcq-submit,
.pwcq-add{
  border:0!important;
  border-radius:9px!important;
  background:var(--accent)!important;
  color:#fff!important;
  font-weight:800!important;
  cursor:pointer;
  text-decoration:none!important;
  box-shadow:none!important;
}
.pwcq-quote-trigger{
  display:flex;
  gap:11px;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:14px 18px!important;
  white-space:nowrap;
  font-size:15px!important;
}
.pwcq-quote-trigger:hover,.pwcq-submit:hover,.pwcq-add:hover{background:var(--accent-dark)!important;color:#fff!important}
.pwcq-count{
  display:grid;
  place-items:center;
  min-width:27px;
  height:27px;
  padding:0 7px;
  border-radius:20px;
  background:#fff;
  color:var(--ink)!important;
  font-size:13px;
}

/* Filters */
.pwcq-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,350px);
  gap:12px;
  margin-bottom:14px;
}
.pwcq-toolbar input,
.pwcq-toolbar select,
.pwcq-fields input,
.pwcq-fields textarea{
  width:100%;
  min-height:48px;
  border:1px solid #cfd8de!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--ink)!important;
  padding:12px 14px!important;
  box-shadow:none!important;
  font-size:15px!important;
  line-height:1.35!important;
}
.pwcq-toolbar input::placeholder,.pwcq-fields input::placeholder,.pwcq-fields textarea::placeholder{color:#778590!important;opacity:1}
.pwcq-toolbar input:focus,.pwcq-toolbar select:focus,.pwcq-fields input:focus,.pwcq-fields textarea:focus{outline:2px solid rgba(239,48,47,.18)!important;border-color:var(--accent)!important}
.pwcq-category-chips{
  display:flex;
  gap:8px;
  overflow:auto;
  padding:3px 0 15px;
  scrollbar-width:thin;
}
.pwcq-chip{
  border:1px solid #cfd8de!important;
  background:#fff!important;
  border-radius:30px!important;
  padding:9px 14px!important;
  min-height:38px;
  white-space:nowrap;
  cursor:pointer;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--ink)!important;
}
.pwcq-chip:hover{border-color:#98a7b2!important;background:#f7f9fa!important}
.pwcq-chip.is-active{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.pwcq-status{font-size:14px!important;color:var(--muted)!important;margin:5px 0 14px}

/* Products */
.pwcq-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  transition:.2s;
}
.pwcq-grid.is-loading{opacity:.45}
.pwcq-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  box-shadow:0 5px 18px rgba(19,35,50,.055);
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.pwcq-card:hover{transform:translateY(-3px);border-color:#cbd5dc;box-shadow:0 12px 28px rgba(19,35,50,.11)}
.pwcq-image{
  aspect-ratio:4/3;
  min-height:220px;
  background:#f8fafb;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid #edf1f3;
}
.pwcq-image img{width:100%;height:100%;object-fit:contain;padding:20px;transition:.25s}
.pwcq-card:hover .pwcq-image img{transform:scale(1.025)}
.pwcq-card-body{padding:20px;display:flex;flex-direction:column;flex:1}
.pwcq-cat{
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.045em;
  color:var(--accent)!important;
  margin-bottom:7px;
}
.pwcq-wrap .pwcq-card h3{
  font-size:19px!important;
  line-height:1.28!important;
  font-weight:750!important;
  margin:0 0 8px!important;
  min-height:49px;
  color:var(--ink)!important;
}
.pwcq-wrap .pwcq-card h3 a{color:var(--ink)!important;text-decoration:none!important}
.pwcq-wrap .pwcq-card h3 a:hover{color:var(--accent)!important}
.pwcq-sku{font-size:13px!important;color:#71808c!important;margin-bottom:10px}
.pwcq-wrap .pwcq-card p{
  font-size:14px!important;
  color:var(--muted)!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
}
.pwcq-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:2px}
.pwcq-view,.pwcq-add{
  display:grid!important;
  place-items:center;
  min-height:46px!important;
  padding:10px 12px!important;
  text-align:center;
  font-size:14px!important;
  line-height:1.15!important;
  text-decoration:none!important;
  border-radius:9px!important;
  font-weight:800!important;
}
.pwcq-view{border:2px solid var(--ink)!important;color:var(--ink)!important;background:#fff!important}
.pwcq-view:hover{background:var(--ink)!important;color:#fff!important}
.pwcq-add.is-added{background:#263b4a!important}

/* Pagination */
.pwcq-pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:30px 0}
.pwcq-pagination button{border:1px solid #ccd6dd!important;background:#fff!important;color:var(--ink)!important;border-radius:8px!important;min-width:42px;height:42px;cursor:pointer;font-size:14px!important;font-weight:700!important}
.pwcq-pagination button.is-active{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.pwcq-no-results{grid-column:1/-1;text-align:center;padding:55px 20px;background:var(--soft);border-radius:14px;font-size:16px;color:var(--muted)}

/* Quote drawer */
.pwcq-drawer-backdrop{position:fixed;inset:0;background:rgba(10,18,24,.55);opacity:0;transition:.2s;z-index:99998}
.pwcq-drawer-backdrop.is-open{opacity:1}
.pwcq-drawer{position:fixed;right:0;top:0;width:min(540px,96vw);height:100vh;background:#fff;z-index:99999;transform:translateX(105%);transition:.25s;box-shadow:-15px 0 50px rgba(0,0,0,.18);overflow:auto;padding:26px;color:var(--ink)!important}
.pwcq-drawer.is-open{transform:none}
.pwcq-drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6ebef;padding-bottom:15px;margin-bottom:12px}
.pwcq-wrap .pwcq-drawer-head h3,.pwcq-drawer-head h3{margin:3px 0 0!important;font-size:27px!important;color:var(--ink)!important}
.pwcq-close,.pwcq-remove{border:0!important;background:transparent!important;color:var(--ink)!important;cursor:pointer;font-size:30px!important}
.pwcq-quote-row{display:grid;grid-template-columns:78px 1fr 30px;gap:12px;padding:14px 0;border-bottom:1px solid #eef1f3}
.pwcq-quote-row img{width:78px;height:78px;object-fit:contain;background:#f6f8fa;border-radius:8px}
.pwcq-quote-info{min-width:0}.pwcq-quote-info strong{display:block;font-size:15px;color:var(--ink)}.pwcq-quote-info small{color:#68747f;font-size:12px}
.pwcq-qty{display:flex;align-items:center;gap:9px;margin-top:9px}.pwcq-qty button{width:30px;height:30px;border-radius:7px;border:1px solid #d2dbe1!important;background:#fff!important;color:var(--ink)!important;cursor:pointer;font-weight:800}.pwcq-empty{padding:35px 0;text-align:center;color:#68747f}.pwcq-form{border-top:1px solid #e6ebef;margin-top:12px;padding-top:12px}.pwcq-form h4{font-size:20px!important;color:var(--ink)!important;margin:8px 0 12px!important}.pwcq-fields{display:grid;gap:10px}.pwcq-consent{display:flex;gap:8px;font-size:13px;line-height:1.45;margin:13px 0;color:var(--muted)}.pwcq-submit{width:100%;min-height:48px;padding:13px!important;font-size:15px!important}.pwcq-form-status{font-size:14px;margin-top:10px}.pwcq-submit:disabled{opacity:.5}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1020px){
  .pwcq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .pwcq-toolbar{grid-template-columns:1fr}
  .pwcq-hero{align-items:flex-start;flex-direction:column;padding:30px}
  .pwcq-quote-trigger{width:100%}
}
@media(max-width:600px){
  .pwcq-grid{grid-template-columns:1fr}
  .pwcq-hero{padding:24px 20px}
  .pwcq-wrap .pwcq-hero h2{font-size:30px!important}
  .pwcq-card-body{padding:18px}
  .pwcq-image{min-height:240px}
  .pwcq-actions{grid-template-columns:1fr 1fr}
  .pwcq-drawer{padding:18px}
}
@media(max-width:380px){.pwcq-actions{grid-template-columns:1fr}}

/* v1.0.2: category-specific shortcode layout */
.pwcq-toolbar.pwcq-toolbar--search-only {
  grid-template-columns: 1fr;
}
.pwcq-toolbar.pwcq-toolbar--search-only .pwcq-search {
  width: 100%;
}

/* v1.0.3: 1500px / five-column catalogue + dropdown-only categories */
.pwcq-wrap{
  max-width:1500px;
}
.pwcq-category-chips{
  display:none!important;
}
.pwcq-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.pwcq-card-body{
  padding:16px;
}
.pwcq-image{
  min-height:190px;
}
.pwcq-image img{
  padding:14px;
}
.pwcq-wrap .pwcq-card h3{
  font-size:16px!important;
  line-height:1.28!important;
  min-height:42px;
  margin-bottom:7px!important;
}
.pwcq-cat{
  font-size:10px!important;
  margin-bottom:6px;
}
.pwcq-sku{
  font-size:11px!important;
  margin-bottom:8px;
}
.pwcq-wrap .pwcq-card p{
  font-size:12px!important;
  line-height:1.45!important;
  margin-bottom:14px!important;
}
.pwcq-actions{
  gap:8px;
}
.pwcq-view,.pwcq-add{
  min-height:42px!important;
  padding:9px 7px!important;
  font-size:11px!important;
}

@media(max-width:1280px){
  .pwcq-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1020px){
  .pwcq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .pwcq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
  .pwcq-grid{grid-template-columns:1fr}
  .pwcq-image{min-height:240px}
  .pwcq-wrap .pwcq-card h3{font-size:18px!important;min-height:0}
  .pwcq-cat{font-size:11px!important}
  .pwcq-sku{font-size:12px!important}
  .pwcq-wrap .pwcq-card p{font-size:14px!important}
  .pwcq-view,.pwcq-add{font-size:13px!important}
}
