/* PEROBA ENTREGA V96 | vitrine + navegação por categorias + fotos ilustrativas.
   Complementa as camadas anteriores sem afetar cobrança, rota, GPS ou carteira. */
#clientDash.pe74Ready #pe96CategoriesTitle{margin:17px 0 8px!important}
#clientDash.pe74Ready #pe74Categories{margin-bottom:8px!important;padding:3px 2px 12px!important;gap:8px!important;scroll-snap-type:x proximity;}
#clientDash.pe74Ready #pe74Categories button{scroll-snap-align:start;box-shadow:0 4px 13px rgba(13,60,111,.045)!important;min-height:48px!important;font-size:12px!important;padding:8px 12px!important;}
#clientDash.pe74Ready #pe74Categories button[data-category="Farmácia"]{background:#fff!important;color:#0b385f!important;border:1px solid #e8edf6!important}
#clientDash.pe74Ready #pe74Categories button[data-category="Bebidas"]{background:#fff!important;color:#0b385f!important;border:1px solid #e8edf6!important}
#clientDash.pe74Ready #pe74HomeStores{display:block!important;overflow:visible!important}
.pe96Heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 10px}
.pe96Heading h3{color:#102c54!important;margin:0!important;font-size:clamp(19px,5vw,23px);letter-spacing:-.6px;font-weight:900;line-height:1.18}
.pe96Heading>button{background:transparent!important;border:0!important;box-shadow:none!important;color:#0673dd!important;font-size:12px!important;font-weight:800!important;padding:6px 0!important;flex:none;cursor:pointer}
.pe96Spotlight{border-radius:20px;background:#fff;padding:13px!important;border:1px solid #e2edf9;box-shadow:0 8px 24px rgba(14,69,124,.055)}
.pe96Top{display:grid;grid-template-columns:71px minmax(0,1fr) 39px;gap:9px;align-items:center;margin-bottom:11px}
.pe96Logo{width:69px;height:69px;flex:0 0 69px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#eef5ff;border:1px solid #e5edf6}
.pe96Logo img{width:100%;height:100%;object-fit:cover;display:block}
.pe96MainInfo{display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:center;gap:4px;background:transparent!important;border:0!important;padding:0!important;min-width:0;cursor:pointer}
.pe96MainInfo strong{font-size:14px;color:#152e53;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.pe96MainInfo small{color:#8190a4;font-size:10.5px;line-height:1.4}
.pe96Rating{font-size:11.5px;color:#b18414;font-weight:750;line-height:1.4}
.pe96Badge{display:inline-block;vertical-align:middle;background:#fff1cf;color:#8c5c16;border-radius:6px;font-size:9px;padding:2px 5px;font-weight:900;white-space:nowrap}
.pe96Fav{border:0!important;background:#f5f8fc!important;color:#8594aa!important;width:38px;height:38px;border-radius:50%!important;font-size:26px!important;display:grid;place-items:center;cursor:pointer;line-height:1}
.pe96Fav.active{color:#ee3e66!important;background:#fff0f3!important}
.pe96ShowPhotos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.pe96ShowPhotos button{min-width:0;aspect-ratio:1/1;padding:0!important;overflow:hidden;border-radius:11px;border:0!important;background:#f0f6ff;cursor:pointer}
.pe96ShowPhotos img{display:block;width:100%;height:100%;object-fit:cover}
.pe96CompactGrid{display:flex;flex-direction:column;gap:8px}
.pe96Store{display:grid;grid-template-columns:minmax(0,1fr) 39px;align-items:center;gap:3px;background:#fff;border:1px solid #e3edf7;border-radius:17px;padding:10px 11px;min-height:84px;box-shadow:0 3px 14px rgba(11,73,132,.045);min-width:0}
.pe96StoreClick{border:0!important;background:transparent!important;padding:0!important;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}
.pe96StoreClick>.pe96Logo{width:59px;height:59px;flex:0 0 59px}
.pe96StoreText{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.pe96StoreText strong{color:#132d54;font-size:13px;font-weight:900;line-height:1.19;overflow-wrap:anywhere}
.pe96StoreMeta{font-size:10px;line-height:1.35;color:#748ba2}
.pe96Carousel{display:flex;overflow-x:auto;gap:10px;padding:2px 0 12px;scrollbar-width:thin;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.pe96CarouselCard{flex:0 0 min(77%,315px);width:min(77%,315px);scroll-snap-align:start;padding:9px;background:#fff;border:1px solid #e4edf8;border-radius:18px;box-shadow:0 4px 16px rgba(11,73,132,.03);min-width:0}
.pe96CarouselCard .pe96StoreMini{min-height:68px;padding:0 0 8px;border:0;border-radius:0;box-shadow:none}
.pe96CarouselCard .pe96Logo{width:50px!important;height:50px!important;flex-basis:50px!important}
.pe96CarouselCard .pe96StoreText strong{font-size:12.3px}
.pe96CarouselCard .pe96ShowPhotos{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.pe96CarouselCard .pe96ShowPhotos button{border-radius:10px}
.pe96Disclaimer{color:#8293a8;font-size:11px;line-height:1.5;margin:17px 2px 8px}
#clientShopsPanel .pe96Store{margin-bottom:8px}
#clientShopsPanel .pe96StoreClick{min-height:58px}
/* Shop info banner compact and clearly without invented delivery times/prices */
#clientShopPanelV56 #clientShopHeroV56{background:#fff!important;border-radius:21px!important;border:1px solid #e1eafa!important;overflow:hidden!important;padding:12px!important;box-shadow:0 6px 20px rgba(9,62,130,.055)!important}
#clientShopPanelV56 .pe74ShopCover{display:none!important}
#clientShopPanelV56 .pe74ShopIdentity{display:flex!important;align-items:center!important;gap:13px!important;padding:3px 0 8px!important;margin:0!important;min-width:0!important}
#clientShopPanelV56 .pe74ShopIdentity .pe74StoreLogo{width:82px!important;height:82px!important;flex:0 0 82px!important;border-radius:50%!important;overflow:hidden}
#clientShopPanelV56 .pe74ShopInfo{min-width:0!important;flex:1!important}
#clientShopPanelV56 .pe74ShopInfo h2{font-size:17px!important;font-weight:950!important;line-height:1.2!important;margin:0 0 5px!important;color:#0e2852!important;overflow-wrap:anywhere}
#clientShopPanelV56 .pe74ShopInfo small{font-size:10px!important;line-height:1.4!important;color:#70839f!important;display:block!important}
#clientShopPanelV56 .pe94ShopRating{display:flex!important;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;padding:7px 0!important;position:relative}
#clientShopPanelV56 .pe94ShopRating button:not(.pe94Heart){border-radius:10px!important;padding:8px!important;font-size:11px!important;white-space:normal!important}
#clientShopPanelV56 .pe96StoreFeatures{display:flex;gap:8px;border-top:1px solid #e6edf6;padding:11px 0 0;min-width:0}
#clientShopPanelV56 .pe96StoreFeatures>span{flex:1;min-width:0;background:#f4f8ff;border-radius:12px;padding:8px 6px;color:#1068c5;text-align:center;font-size:11px}
#clientShopPanelV56 .pe96StoreFeatures strong{display:block;color:#15335a;font-size:11px;margin-top:1px}
#clientShopPanelV56 .pe96StoreFeatures small{display:block;color:#7a8c9f;font-size:10px;overflow-wrap:anywhere}
/* Horizontal filter tabs inside catalog */
#clientShopPanelV56 .pe96CatalogHost{background:#fff!important;padding:13px 11px 16px!important;border:1px solid #e7edf6!important;border-radius:21px!important;scroll-margin-top:12px!important}
#clientShopPanelV56 .pe96CatalogHost .row h3{color:#142b52!important;font-size:20px!important;font-weight:900!important}
#clientShopPanelV56 .pe96CatalogHost>.row .small{font-size:11px!important;color:#77889c!important;line-height:1.4!important}
#clientShopPanelV56 #pe96MenuNav{display:flex;overflow-x:auto;gap:7px;padding:9px 1px 12px;margin:8px -1px 10px;scroll-snap-type:x proximity;scrollbar-width:none;position:sticky;top:2px;z-index:4;background:linear-gradient(180deg,#fff 86%,#ffffffdd);min-width:0;box-shadow:0 7px 16px rgba(255,255,255,.7)}
#clientShopPanelV56 #pe96MenuNav::-webkit-scrollbar{display:none}
#clientShopPanelV56 #pe96MenuNav button{flex:0 0 auto;white-space:nowrap;padding:9px 12px!important;display:inline-flex;align-items:center;gap:5px;justify-content:center;min-height:42px;border-radius:24px!important;border:1px solid #ddeaf8!important;background:#fff!important;color:#132e53!important;font-size:11px;font-weight:850;scroll-snap-align:start;box-shadow:0 3px 9px rgba(18,65,115,.025);cursor:pointer}
#clientShopPanelV56 #pe96MenuNav button span{font-size:16px}
#clientShopPanelV56 #pe96MenuNav button small{display:grid;place-items:center;font-size:10px;color:#8197ad;font-weight:700}
#clientShopPanelV56 #pe96MenuNav button.active{background:#0872ea!important;color:#fff!important;border-color:#0872ea!important;box-shadow:0 5px 12px rgba(5,108,227,.20)!important}
#clientShopPanelV56 #pe96MenuNav button.active small{color:#dcefff!important}
#clientShopPanelV56 #clientCatalogV56{display:block!important;margin-top:0!important}
.pe96ProductGroup{margin:4px 0 22px;min-width:0}
.pe96GroupTitle{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:7px 0 10px}
.pe96GroupTitle h4{font-size:18px;color:#0e2c53;line-height:1.2;margin:0;font-weight:900}
.pe96GroupTitle>button{border:0;background:none;color:#0870db;padding:5px 0;font-size:11.5px;font-weight:800;white-space:nowrap;cursor:pointer}
#clientShopPanelV56 .pe96Product{display:grid!important;grid-template-columns:108px minmax(0,1fr) 40px!important;gap:10px!important;align-items:center!important;width:100%!important;min-height:130px!important;margin:0 0 9px!important;background:#fff!important;border:1px solid #e3ebf5!important;border-radius:16px!important;text-align:left!important;padding:9px!important;box-shadow:0 3px 12px rgba(4,63,127,.03)!important;cursor:pointer;min-width:0}
.pe96ProductImage{width:108px;height:108px;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#f1f6fd;font-size:24px}
.pe96ProductImage img{width:100%;height:100%;object-fit:cover;display:block}
.pe96ProdInfo{min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.pe96ProdInfo strong{font-size:13.2px;line-height:1.24;color:#132f54;font-weight:900;overflow-wrap:anywhere}
.pe96ProdInfo small{font-size:11px!important;line-height:1.35!important;color:#7f91a8!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pe96ProdInfo b{font-size:16px;line-height:1.25;color:#132e55;font-weight:950}
.pe96ProdInfo em{font-style:normal;color:#0873dc;font-size:11px}
.pe96ProdPlus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0c76e7;color:#fff;font-size:30px;line-height:1;padding-bottom:3px}
.pe96Empty{color:#8b9db0;font-size:12px;padding:12px;background:#f7faff;border-radius:12px}
/* Ready-made, opt-in catalog library for real stores. */
.pe96KitChoices{border-top:1px solid #d4e5f9;margin-top:14px;padding-top:12px}
.pe96KitChoices>strong{color:#14588e;font-size:13px}
.pe96KitChoices p{font-size:11px;color:#6d7f95;line-height:1.5;margin:6px 0 9px}
.pe96KitButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.pe96KitButtons button{border:1px solid #cee3fa;border-radius:12px;background:#eaf5ff;color:#076bd1;font-weight:800;font-size:11px;padding:10px 5px;cursor:pointer}
@media(max-width:390px){
 .pe96Top{grid-template-columns:59px minmax(0,1fr) 31px;gap:7px}
 .pe96Top .pe96Logo{width:59px;height:59px;flex-basis:59px}
 .pe96Fav{height:33px;width:33px;font-size:23px!important}
 .pe96MainInfo strong{font-size:12px}
 .pe96Heading h3{font-size:19px}
 .pe96StoreClick>.pe96Logo{width:50px;height:50px;flex-basis:50px}
 .pe96StoreText strong{font-size:12px}
 #clientShopPanelV56 .pe96Product{grid-template-columns:84px minmax(0,1fr) 33px!important;gap:8px!important;min-height:105px!important;padding:7px!important}
 .pe96ProductImage{width:84px;height:92px}
 .pe96ProdInfo strong{font-size:12px}
 .pe96ProdInfo small{-webkit-line-clamp:2;font-size:10px!important}
 .pe96ProdInfo b{font-size:15px}
 .pe96ProdInfo em{font-size:10px}
 .pe96ProdPlus{height:31px;width:31px;font-size:25px}
 #clientShopPanelV56 .pe74ShopIdentity .pe74StoreLogo{height:70px!important;width:70px!important;flex-basis:70px!important}
 #clientShopPanelV56 .pe74ShopInfo h2{font-size:15px!important}
}
