/* Compact real photos; category navigation. No Preferences UI. */
#main .product-card {display:flex;flex-direction:column;min-width:0;padding:10px;}
#o2g-order-edit > label { width: 100%; display: flex; justify-content: space-around; margin-top: 5%;}
#main .product-card > a:first-child {display:block;min-width:0;}
#main .product-card > a:first-child > img {display:block;width:100%;aspect-ratio:1;height:auto;object-fit:contain;object-position:center;padding:0%;}
#main .product-card .name {min-height:76px;line-height:1.4;overflow-wrap:anywhere;}
#main .product-card .quick-qty {margin-top:auto;}
.o2g-category-tabs {display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 4px 12px;margin-bottom:12px;scroll-padding-inline:4px;overflow-y: hidden;}
.o2g-category-tabs a {display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:48px;padding:10px 16px;border:1px solid #ddd;border-radius:10px;font-size:16px;background:white;color:#222;white-space:nowrap;}
.o2g-category-tabs a[aria-current="page"] {background:var(--orange);color:white;border-color:var(--orange);}
.o2g-category-tabs a:focus-visible {outline:3px solid #237eaf;outline-offset:2px;}
@media(max-width:767px) {#main .grid:has(.product-card) {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 8px;}#main .product-card .name {font-size:14px;} .o2g-category-tabs {margin-inline:8px;}}
@media(min-width:1024px) {}
/* Mobile: the category bar stays on top while the product grid scrolls. */
@media(max-width:767px) {.o2g-category-tabs {position:-webkit-sticky;position:sticky;top:0;z-index:11;margin-inline:0;padding:4px 8px 10px;background:#fff;box-shadow:0 2px 8px #20202018;}}