/* Keep the image and Thai specifications legible beside each other. */
#grid{align-items:stretch!important}
#grid[data-retained="true"]{opacity:.58;transition:opacity .15s ease}
@media(prefers-reduced-motion:reduce){#grid[data-retained="true"]{transition:none}}
@media(min-width:1200px){#grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:760px) and (max-width:1199px){#grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:759px){#grid{grid-template-columns:minmax(0,1fr)!important}}

/* Give every card in a row the same bottom edge and keep its actions aligned. */
#grid>.sdd-card{
  height:100%!important;
  grid-template-rows:auto minmax(170px,auto) auto minmax(0,1fr)!important;
  align-content:stretch!important;
}
#grid .pc-catalog-price{display:flex;flex-direction:column;min-height:258px;min-width:0}
#grid .pc-catalog-price .sdd-package-cta{margin-top:auto!important}
#grid .pc-normal{min-height:80px;padding:8px 10px;border-radius:8px;background:#f5f6f8}
#grid .pc-flat-rate{display:flex;align-items:center;min-height:44px;margin:0;border-top:1px solid #e6e9ef;color:#536078;font-size:12px}
#grid .sdd-card__info{overflow-wrap:break-word;word-break:normal}
#grid .sdd-hero{height:170px!important;overflow:hidden}
#grid .sdd-hero .gallery-image{object-fit:contain!important;object-position:center!important}
@media(max-width:759px){
  #grid>.sdd-card{grid-template-rows:auto minmax(150px,auto) auto minmax(0,1fr)!important}
  #grid .sdd-hero{height:150px!important}
}
@media(max-width:360px){
  #grid .pc-secondary .sdd-secondary-action:first-child{flex:2 1 0;min-width:0}
  #grid .pc-secondary .sdd-secondary-action:last-child{flex:1 1 0;min-width:0}
}
#catalogPagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:24px 0 90px}
#catalogPagination button{min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #dce1e8;border-radius:9px;background:#fff;color:#071633;font:inherit;cursor:pointer}
#catalogPagination button[aria-current=page]{background:var(--sdd-button-primary,#f03);border-color:var(--sdd-button-primary,#f03);color:#fff}
#catalogPagination button:disabled{opacity:.4;cursor:default}
#catalogPagination button:focus-visible{outline:3px solid #071633;outline-offset:2px}
#count{scroll-margin-top:100px}