#plato-category-layout{width:100%;min-width:0;--pcl-collection:76px;--pcl-product:150px}
#plato-category-layout *{box-sizing:border-box}
#plato-category-layout h2{font-size:18px;line-height:1.4;margin:24px 0 12px}
#plato-category-layout a{color:inherit;text-decoration:none}
#plato-category-layout a:focus-visible,#plato-category-layout button:focus-visible,#plato-category-layout [tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#plato-category-layout .pcl-collections{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-width:100%;padding:3px 0 12px;scroll-snap-type:x proximity}
#plato-category-layout .pcl-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 12px;min-width:0}
#plato-category-layout .pcl-collection-heading h2{flex:1;min-width:0;margin:0}
#plato-category-layout .pcl-collection{flex:0 0 max(112px,var(--pcl-collection));width:max(112px,var(--pcl-collection));height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;overflow:hidden;border:1px solid #d8d2c9;border-radius:0;background:#fff;scroll-snap-align:start;padding:0}
#plato-category-layout .pcl-collection img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0;padding:0;flex-shrink:0}
#plato-category-layout .pcl-collection span{display:flex;align-items:center;width:100%;min-height:48px;flex:1;flex-shrink:0;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;line-height:1.35;margin:0;padding:6px 8px;border-top:1px solid #e5e0d8;background:inherit;color:inherit;overflow-wrap:normal;word-break:normal}
@media(min-width:769px){#plato-category-layout .pcl-collections{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}}
#plato-category-layout .pcl-styles{display:flex;flex-wrap:wrap;gap:12px 6px;padding:4px 0 8px}
#plato-category-layout .pcl-styles a{display:inline-flex;align-items:center;gap:8px;padding:5px 8px;font-size:13px;line-height:20px;border:1px solid #d8d2c9;border-radius:4px}
#plato-category-layout .is-selected{background:var(--theme-palette-color-1,#a8977b)!important;color:#fff!important;border-color:var(--theme-palette-color-1,#a8977b)!important}
#plato-category-layout .pcl-filters{display:flex;flex-wrap:wrap;align-items:flex-start;min-width:0}
#plato-category-layout .pcl-filter-group{min-width:0;padding:0 28px;border-right:1px solid #d8d2c9}
#plato-category-layout .pcl-filter-group:first-child{padding-left:0}
#plato-category-layout .pcl-filter-group:last-child{padding-right:0;border-right:0}
@media(max-width:768px){#plato-category-layout .pcl-filters{display:block}#plato-category-layout .pcl-filter-group{padding:0;border-right:0}}
#plato-category-layout .pcl-reset{font-size:13px;text-decoration:underline}
#plato-category-layout .pcl-sections{display:flex;flex-wrap:wrap;align-items:stretch;gap:20px;margin-top:24px;min-width:0}
#plato-category-layout .pcl-section{--pcl-group-count:1;display:flex;flex-direction:column;flex:0 1 var(--pcl-w,calc(var(--pcl-product) * var(--pcl-group-count) + 12px * (var(--pcl-group-count) - 1) + 30px));min-width:min(100%,calc(var(--pcl-product) + 30px));max-width:100%;padding:14px;border:1px solid #d8d2c9;border-radius:5px;background:#fff}
#plato-category-layout .pcl-row-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:52px;margin-bottom:10px}
#plato-category-layout .pcl-row-heading h2{flex:1;min-width:0;min-height:2.8em;font-size:18px;line-height:1.4;margin:0;overflow-wrap:anywhere}
#plato-category-layout .pcl-scroll-controls{display:flex;gap:6px;flex-shrink:0}
#plato-category-layout .pcl-scroll-controls[hidden]{display:none}
#plato-category-layout .pcl-scroll-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--theme-palette-color-1,#a8977b);background:#fff;color:#393129;border-radius:4px;font-size:22px;line-height:1;cursor:pointer;touch-action:manipulation}
#plato-category-layout .pcl-scroll-controls button:not(:disabled):hover{border-color:var(--theme-palette-color-2,#7f715c)}
#plato-category-layout .pcl-scroll-controls button:disabled{opacity:.35;cursor:default}
#plato-category-layout .pcl-products{display:flex;flex:1;align-items:stretch;gap:12px;overflow-x:auto;scroll-snap-type:none;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;padding:4px 0 14px}
/* Same border, white background, contained images and gold action as homepage Modern Product Cards. */
#plato-category-layout .pcl-product{display:flex;flex-direction:column;flex:0 0 var(--pcl-card,var(--pcl-product));min-width:0;scroll-snap-align:none;border:1px solid #e5e5e5;padding:12px;background:#fff;text-align:center;transition:border-color .25s ease,transform .25s ease}
#plato-category-layout .pcl-product:hover{border-color:var(--theme-palette-color-1,#a8977b);transform:translateY(-3px)}
#plato-category-layout .pcl-product>a:first-child{display:flex;flex-direction:column;flex:1;min-width:0}
#plato-category-layout .pcl-product img{display:block;width:100%;height:calc(var(--pcl-product) - 26px);object-fit:contain;padding:8px;flex-shrink:0;margin:0}
#plato-category-layout .pcl-product h3{font-size:13px;font-weight:700;line-height:1.4;margin:8px 0;overflow-wrap:anywhere;flex:1;min-height:5.6em}
#plato-category-layout .pcl-product .price{font-size:13px;font-weight:600;color:#333;min-height:3em;line-height:1.5}
#plato-category-layout .pcl-reviews{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:6px;flex-shrink:0}
#plato-category-layout .pcl-review-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;max-width:100%;color:#ff9d50}
#plato-category-layout .pcl-review-link .star-rating{float:none;display:block;flex-shrink:0;margin:0;font-size:13px;line-height:1;color:#ff9d50;--star-active-color:#ff9d50;--star-inactive-color:#e1ddd5}
#plato-category-layout .pcl-review-count{font-size:11px;line-height:1.4;color:#5f5f5f}
#plato-category-layout .pcl-options{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.4;margin-top:14px;padding:10px 5px;min-height:38px;background:var(--theme-palette-color-1,#a8977b);color:#fff;border-radius:0}
#plato-category-layout .pcl-options:hover{background:var(--theme-palette-color-2,#7f715c)}
@media(prefers-reduced-motion:reduce){#plato-category-layout .pcl-product{transition:none}#plato-category-layout .pcl-product:hover{transform:none}}

/* Beta 123: filtered product rows keep the finger-selected position, including short overflow. */
#plato-category-layout .pcl-products a,#plato-category-layout .pcl-products img{touch-action:pan-x pan-y pinch-zoom}

/* Beta 157: single-product collections share two fluid columns on phones. */
@media(max-width:768px){
 #plato-category-layout .pcl-sections{gap:12px}
 #plato-category-layout .pcl-section{flex-basis:100%;min-width:0;width:100%}
 #plato-category-layout .pcl-section-single{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);padding:8px}
 #plato-category-layout .pcl-section-single .pcl-row-heading{gap:0;min-height:45px;margin-bottom:6px}
 #plato-category-layout .pcl-section-single .pcl-row-heading h2{font-size:16px}
 #plato-category-layout .pcl-section-single .pcl-product{flex:0 0 100%;width:100%;padding:8px}
 #plato-category-layout .pcl-section-single .pcl-product img{height:auto;aspect-ratio:1;padding:3px}
 #plato-category-layout .pcl-section-single .pcl-product h3{font-size:13px}
 #plato-category-layout .pcl-section-single .pcl-options{min-height:44px;white-space:normal;overflow-wrap:anywhere}
}