/* V318: a terméksorok MÖGÖTT közepesen sötét, meleg szürkészöld pasztell. */
.h316{background:#c8d4cc!important;border:1px solid #b7c8bc;border-radius:16px;padding:18px clamp(10px,1.6vw,25px) 36px!important;color:#173729}
.h316 .h316-section{background:#d6e0d9;border:1px solid #c0cec5;border-radius:13px;padding:16px!important;min-width:0}
.h316 .h316-hero{margin-bottom:0}
.h316 .modern-product-card,.h316 .h316-cat,.h316 .h316-pinned{background:#fff!important}
/* Nem módosítjuk a már jóváhagyott terméknév- és árbetűméretet. */
.h316 .storefront-availability,.h316 .storefront-availability strong{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.25!important;min-height:28px!important;font-weight:900!important}
.h316 .storefront-availability svg{width:21px!important;height:21px!important;flex:0 0 21px!important}
/* Főbanner +50 px, a termékblokk ugyanolyan magas. */
@media(min-width:761px){
 .h316 .h316-hero-main,.h316 .h316-pinned{height:calc(var(--h316-hero-h,310px) + 50px)!important}
 .h316 .h316-hero:has(.h316-pinned) .h316-hero-main{flex:0 0 min(calc(var(--h316-hero-w,72%) - 5%), 68%)!important}
 .h316 .h317-pinned-layout{height:calc(100% - 34px)!important;grid-template-columns:48% 52%!important}
 .h316 .h317-pinned-layout .h316-pinned-photo{padding:10px!important}
 .h316 .h317-pinned-layout .h316-pinned-name{font-size:clamp(18px,1.5vw,22px)!important}
 .h316 .h317-pinned-layout .h316-pinned-bottom{gap:10px!important}
}
/* A saját képmező felirata mindig a kép ALATT jelenik meg. */
.h316 .h316-cat{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:0!important}
.h316 .h316-cat-photo{height:132px!important;flex:0 0 132px!important;overflow:hidden!important;position:relative!important;background:#eff5f1!important}
.h316 .h316-cat-photo img{display:block!important;object-fit:cover!important;object-position:center top!important;transform:scale(1.07) translateY(-2px);transform-origin:center top}
.h316 .h316-cat>strong{position:static!important;display:block!important;min-height:44px!important;padding:10px 6px 4px!important;line-height:1.25!important;order:2!important;background:white!important}
.h316 .h316-cat>small{position:static!important;display:block!important;font-size:13px!important;padding:0 5px 12px!important;order:3!important;background:#fff!important}
/* nagyobb, követhető összes termék hivatkozás */
.h316 .h316-head>a{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:41px;padding:9px 14px;border:1px solid #0b8452;border-radius:10px;background:#edf8f0;color:#075a37!important;font-size:15px!important;font-weight:900!important;white-space:nowrap}
.h316 .h316-head>a:hover,.h316 .h316-head>a:focus-visible{background:#087d4e;color:white!important}
.h316 .h316-head{align-items:center!important}
/* Szállítás és elérhetőség a valós adatból */
.h316 .h316-benefits{background:#fff!important;grid-template-columns:1.45fr 1fr 1fr 1.1fr!important}
.h316 .h316-benefits>div{align-items:flex-start!important;padding:15px 13px!important}
.h316 .h316-benefits strong{font-size:15px!important}
.h316 .h316-benefits small,.h316 .h316-benefits small a{font-size:13px!important;line-height:1.4!important}
.h316 .h316-benefits .h318-shipping-price{font-size:17px!important;color:#046941!important;font-weight:900!important}
.h316 .h316-benefits .h318-free-shipping{font-size:14px!important;font-weight:800!important;color:#0c6544!important}
.h316 .h316-benefits .h318-conditions{font-size:11px!important;color:#536a5d!important}
.h316 .h318-phone{font-size:17px;font-weight:950;color:#046941;text-decoration:underline;text-underline-offset:3px}
.h316 .h318-pinned-stock{font-size:14px;font-weight:800;color:#0d7d4a}
.h316 .h316-marquee-window{scroll-snap-type:none!important}
@media(max-width:1100px){.h316 .h316-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
 .h316{border-radius:10px;padding:12px 8px 25px!important}
 .h316 .h316-section{padding:12px 8px!important}
 .h316 .h316-hero-main{height:clamp(230px,58vw,330px)!important}
 .h316 .h316-pinned{height:215px!important}
 .h316 .h316-benefits{grid-template-columns:1fr 1fr!important}
 .h316 .h316-benefits strong{font-size:13px!important}
 .h316 .h316-benefits small{font-size:12px!important}
 .h316 .storefront-availability,.h316 .storefront-availability strong{font-size:15px!important}
 .h316 .h316-cat-photo{height:126px!important;flex-basis:126px!important}
 .h316 .h316-head>a{font-size:13px!important;padding:7px 10px}
}