/* Applies ONLY to the two recommended sections on Home */
@media(min-width:768px){
.ph10-home .ph10-shops{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ph10-home .ph-rec-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
.ph10-home .ph-rec-item{display:flex!important;flex-direction:row!important;min-width:0;position:relative;padding:10px!important;gap:13px}
.ph10-home .ph-rec-photo{width:118px;height:108px;flex:none}
}
.ph10-home .ph-rec-sub{font-size:13px;color:#89909b;margin:0}
.ph10-home .ph-rec-tools{display:flex;gap:8px}
.ph10-home .ph-rec-shuffle{background:#ff6500;color:#fff!important;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700}
.ph10-home .ph-rec-item{position:relative;background:#fff;box-sizing:border-box}
.ph10-home .ph-rec-photo{display:grid;place-items:center;background:#fff5e9;overflow:hidden;border-radius:11px;flex-shrink:0}
.ph10-home .ph-rec-photo img{display:block;width:100%;height:100%;object-fit:cover}
.ph10-home .ph-rec-body{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:5px;padding-right:18px}
.ph10-home .ph-rec-name{font-size:15px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.ph10-home .ph-rec-shop{font-size:12px;color:#64748b}
.ph10-home .ph-rec-price{font-size:19px;color:#ff6500}
.ph10-home .ph-rec-add{width:auto!important;height:auto!important;min-width:0!important;border-radius:8px!important;background:#ff6500;color:white;padding:7px 10px!important;font:700 12px Sarabun,sans-serif!important;display:inline-flex;gap:5px;align-items:center}
.ph10-home .ph-rec-heart{position:absolute;top:9px;right:10px;background:white;border:0;color:#9ca3af;font-size:20px;cursor:pointer;z-index:2}
.ph10-home .ph-rec-heart.is-liked{color:#f43f5e}
.ph10-home .ph-rec-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin:22px 0}
.ph10-home .ph-rec-pagination a{padding:9px 14px;border:1px solid #ffb47e;border-radius:9px;color:#ed6100;font-size:13px}
.ph10-home .ph-rec-pagination span{font-weight:700;color:#475569}
@media(max-width:767px){
.ph10-home .ph10-shops{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;padding-bottom:8px}
.ph10-home .ph10-shop-card{flex:0 0 70%!important;scroll-snap-align:start}
.ph10-home .ph-rec-list{display:flex!important;flex-direction:column!important;gap:10px!important}
.ph10-home .ph-rec-item{display:flex!important;flex-direction:row!important;align-items:center;gap:11px;padding:9px!important}
.ph10-home .ph-rec-photo{width:97px;height:103px}
.ph10-home .ph-rec-name{font-size:14px}.ph10-home .ph-rec-price{font-size:17px}
.ph10-home .ph-rec-add{font-size:11px!important;padding:6px 9px!important}
.ph10-home .ph-rec-shuffle{font-size:11px;padding:9px}
.ph10-home .ph-rec-sub{font-size:11px}
.ph10-home .ph-rec-pagination{justify-content:space-between;gap:8px}
.ph10-home .ph-rec-pagination a{padding:9px}
}

/* Mobile recommended-product repair: override legacy .ph-add circular button rules */
@media(max-width:767px){
.ph10-home .ph-featured-products .ph-rec-item{width:100%!important;min-width:0!important;max-width:100%!important;display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;align-items:stretch!important;gap:11px!important;min-height:116px!important;padding:9px!important}
.ph10-home .ph-featured-products .ph-rec-photo{width:94px!important;height:100px!important;min-width:94px!important;display:block!important;overflow:hidden;border-radius:10px}
.ph10-home .ph-featured-products .ph-rec-photo img{height:100%!important;width:100%!important;object-fit:cover!important}
.ph10-home .ph-featured-products .ph-rec-body{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;width:100%!important;gap:3px!important;padding:0 28px 0 0!important;overflow:visible!important}
.ph10-home .ph-featured-products .ph-rec-name{display:block!important;max-width:100%!important;white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:normal!important;line-height:1.4!important;font-size:14px!important;min-height:0!important;padding:0!important;margin:0!important}
.ph10-home .ph-featured-products .ph-rec-shop{display:block!important;max-width:100%!important;white-space:normal!important;font-size:11px!important;line-height:1.4!important}
.ph10-home .ph-featured-products .ph-rec-price{display:block!important;font-size:16px!important;line-height:1.3!important;margin:1px 0!important}
.ph10-home .ph-featured-products button.ph-rec-add.ph-add{display:inline-flex!important;position:static!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:94px!important;max-width:100%!important;height:32px!important;min-height:32px!important;border-radius:8px!important;padding:5px 10px!important;line-height:1.2!important;white-space:nowrap!important;font:700 12px Sarabun,sans-serif!important;letter-spacing:0!important;background:#ff6500!important;color:white!important;box-shadow:none!important}
.ph10-home .ph-featured-products button.ph-rec-add.ph-add i{display:inline-block!important;width:auto!important;height:auto!important;line-height:1!important;font-size:15px!important}
.ph10-home .ph-featured-products .ph-rec-heart{top:8px!important;right:8px!important;width:28px!important;height:28px!important;padding:3px!important}
}

/* Desktop only: four-column visual product cards, mobile list remains untouched */
@media(min-width:768px){
.ph10-home .ph-featured-products .ph-rec-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.ph10-home .ph-featured-products .ph-rec-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;border-radius:13px!important;overflow:hidden!important;min-width:0!important}
.ph10-home .ph-featured-products .ph-rec-photo{width:100%!important;height:auto!important;aspect-ratio:1.7/1!important;display:block!important;border-radius:0!important;flex:none!important}
.ph10-home .ph-featured-products .ph-rec-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.ph10-home .ph-featured-products .ph-rec-body{width:100%!important;min-width:0!important;display:flex!important;flex:1!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;padding:11px 13px 12px!important}
.ph10-home .ph-featured-products .ph-rec-name{font-size:15px!important;line-height:1.4!important;font-weight:800!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ph10-home .ph-featured-products .ph-rec-shop{font-size:12px!important}
.ph10-home .ph-featured-products .ph-rec-price{font-size:19px!important;line-height:1.4!important;margin-top:auto!important}
.ph10-home .ph-featured-products button.ph-rec-add.ph-add{align-self:flex-end!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;position:static!important;width:auto!important;min-width:102px!important;height:34px!important;min-height:34px!important;border-radius:8px!important;padding:7px 11px!important;font:700 12px Sarabun,sans-serif!important;white-space:nowrap!important}
.ph10-home .ph-featured-products .ph-rec-heart{right:10px!important;top:10px!important;width:32px!important;height:32px!important;border-radius:50%!important;display:grid!important;place-items:center!important}
}

/* Logo of the actual merchant, on recommended products only */
.ph10-home .ph-featured-products .ph-rec-shop{display:inline-flex!important;align-items:center!important;gap:6px!important;max-width:100%!important;min-width:0!important;text-decoration:none}
.ph10-home .ph-featured-products .ph-rec-shop>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph10-home .ph-featured-products .ph-rec-shop-logo{width:23px;height:23px;min-width:23px;flex-shrink:0;border:1px solid #e9edf2;border-radius:50%;overflow:hidden;background:#fff3e9;display:grid;place-items:center;color:#ff6500;font-size:12px}
.ph10-home .ph-featured-products .ph-rec-shop-logo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:767px){.ph10-home .ph-featured-products .ph-rec-shop-logo{width:20px;height:20px;min-width:20px}}

/* Mobile: balanced spacing for product list cards */
@media(max-width:767px){
.ph10-home .ph-featured-products .ph-rec-list{gap:12px!important;padding:2px 0 10px!important}
.ph10-home .ph-featured-products .ph-rec-item{grid-template-columns:94px minmax(0,1fr)!important;gap:12px!important;padding:10px!important;min-height:120px!important;border:1px solid #edf0f3!important;border-radius:15px!important;box-shadow:0 2px 8px rgba(15,23,42,.045)!important}
.ph10-home .ph-featured-products .ph-rec-photo{width:94px!important;height:98px!important;align-self:center!important;border-radius:11px!important}
.ph10-home .ph-featured-products .ph-rec-body{gap:5px!important;justify-content:center!important;padding-right:32px!important}
.ph10-home .ph-featured-products .ph-rec-name{font-size:14px!important;font-weight:800!important;line-height:1.35!important;max-width:100%!important}
.ph10-home .ph-featured-products .ph-rec-shop{margin:0!important;line-height:1.2!important;min-height:18px!important}
.ph10-home .ph-featured-products .ph-rec-price{font-size:16px!important;line-height:1.3!important;margin:0!important;font-weight:800!important}
.ph10-home .ph-featured-products button.ph-rec-add.ph-add{min-width:98px!important;height:32px!important;margin-top:0!important}
.ph10-home .ph-featured-products .ph-rec-heart{top:10px!important;right:10px!important;border-radius:50%!important}
}