.jm,.jm-bar,.jm-info,.jm-nav{--jm-r:var(--sa-radius,16px);--jm-line:var(--sa-color-border);--jm-line-w:1px;--jm-surface:var(--sa-color-surface);--jm-shadow:0 10px 28px -22px color-mix(in srgb,var(--sa-color-text) 60%,transparent);--jm-shadow-hover:0 22px 40px -22px color-mix(in srgb,var(--sa-color-text) 70%,transparent);--jm-accent:var(--sa-color-primary);--jm-on-accent:var(--sa-color-on-primary);--jm-price:var(--sa-color-text)}:root[data-design=ole] .jm,:root[data-design=ole] .jm-bar,:root[data-design=ole] .jm-info,:root[data-design=ole] .jm-nav{--jm-r:var(--ole-radius);--jm-line:var(--ole-line);--jm-line-w:2px;--jm-surface:var(--ole-surface);--jm-shadow:var(--ole-shadow-sm);--jm-shadow-hover:0px 6px 0px var(--ole-line);--jm-accent:var(--ole-gold);--jm-on-accent:var(--ole-on-primary);--jm-price:var(--ole-gold-soft)}:root[data-design=foode] .jm,:root[data-design=foode] .jm-bar,:root[data-design=foode] .jm-info,:root[data-design=foode] .jm-nav{--jm-r:var(--fd-radius-card,18px);--jm-line:var(--fd-hairline);--jm-surface:var(--fd-surface);--jm-accent:var(--fd-primary);--jm-on-accent:var(--fd-on-primary);--jm-price:var(--fd-secondary);--jm-shadow-hover:0 22px 40px -22px rgba(0,0,0,0.8)}.jm-info-wrap{max-width:1120px;margin:0 auto;padding:18px 20px 0}.ole-wrap .jm-info-wrap{max-width:none;padding-inline:0}.jm-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;border:var(--jm-line-w) solid var(--jm-line);border-radius:var(--jm-r);background:var(--jm-surface);box-shadow:var(--jm-shadow);font-size:.94rem;animation:jm-in .4s cubic-bezier(.2,.8,.2,1) backwards}.jm-info.is-ok{border-color:color-mix(in srgb,var(--sa-color-ok,#1c7c46) 60%,var(--jm-line))}.jm-info__place{color:var(--sa-color-muted)}.jm-info__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}.jm-info__chips li{padding:4px 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--jm-accent) 45%,var(--jm-line));background:color-mix(in srgb,var(--jm-accent) 12%,transparent);font-size:.84rem;font-weight:600;white-space:nowrap}:root .jm-nav .jidlio-catnav a{border:1px solid transparent;padding:8px 16px;font-size:.92rem;font-weight:600;line-height:1.2;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}:root .jm-nav .jidlio-catnav a:hover{border-color:color-mix(in srgb,var(--jm-accent) 60%,transparent);background:color-mix(in srgb,var(--jm-accent) 12%,transparent);color:var(--sa-color-text)}:root .jm-nav .jidlio-catnav a:active{transform:scale(.95)}:root .jm-nav .jidlio-catnav a[aria-current=true]{background:var(--jm-accent);color:var(--jm-on-accent);border-color:var(--jm-accent)}:root .jm-nav .jidlio-catnav{scroll-snap-type:x proximity}:root .jm-nav .jidlio-catnav a{scroll-snap-align:center}:root .jm .jm-cat{padding-top:30px}:root .jm .jm-cat__title{display:flex;align-items:center;gap:12px;margin:0 0 14px}.jm-cat__title:after{content:attr(data-count);flex:none;padding:2px 10px;border-radius:999px;border:1px solid var(--jm-line);background:color-mix(in srgb,var(--sa-color-text) 8%,transparent);color:var(--sa-color-text);font-family:var(--sa-font-body,system-ui,sans-serif);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:none}.jm-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.jm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}:root .jm .jidlio-product.jm-card{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:stretch;min-height:164px;--jm-media:112px;margin:0;padding:12px;width:auto;border:var(--jm-line-w) solid var(--jm-line);border-radius:var(--jm-r);background:var(--jm-surface);box-shadow:var(--jm-shadow);cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .2s ease;animation:jm-in .45s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(min(var(--i, 0), 8) * 45ms)}@supports (animation-timeline:view()){:root .jm .jidlio-product.jm-card{animation:jm-in linear both;animation-delay:0s;animation-timeline:view();animation-range:entry 0 entry 55%}}@media (hover:hover){:root .jm .jidlio-product.jm-card:hover{transform:translateY(-3px);box-shadow:var(--jm-shadow-hover);border-color:color-mix(in srgb,var(--jm-accent) 70%,var(--jm-line))}:root .jm .jm-card:hover .jidlio-product-media{transform:scale(1.07)}}:root .jm .jidlio-product.jm-card:active{transform:scale(.985)}:root .jm .jidlio-product.jm-card[data-incart=true]{border-color:var(--jm-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--jm-accent) 22%,transparent),var(--jm-shadow)}.jm-card__media{position:relative;align-self:stretch;width:var(--jm-media,112px);min-height:112px;overflow:hidden;border-radius:calc(var(--jm-r) - 6px);background:color-mix(in srgb,var(--jm-accent) 14%,var(--jm-surface))}.jm-card__media>.jidlio-product-media{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.jm-card__ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--sa-font-heading,inherit);font-size:2.2rem;font-weight:800;color:var(--jm-accent);background:radial-gradient(circle at 30% 25%,color-mix(in srgb,var(--jm-accent) 34%,transparent),transparent 62%),color-mix(in srgb,var(--jm-accent) 10%,var(--jm-surface))}.jm-card__qty{position:absolute;top:6px;left:6px;min-width:26px;padding:2px 8px;border-radius:999px;background:var(--jm-accent);color:var(--jm-on-accent);font-size:.8rem;font-weight:800;line-height:1.5;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:jm-pop .3s ease}.jm-card__body{display:flex;flex-direction:column;gap:6px;min-width:0;padding-right:54px}:root .jm .jm-card__body .jidlio-product-name{font-size:1.1rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jm-card__tags{position:absolute;left:18px;bottom:18px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(var(--jm-media, 112px) - 12px)}.jm-card__tags span{max-width:100%;font-size:.68rem;letter-spacing:.2px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px rgba(0,0,0,.35)}.jm-card__badge,.jm-card__tags span{padding:2px 8px;border-radius:999px;font-weight:700}.jm-card__badge{margin-left:8px;background:var(--jm-accent);color:var(--jm-on-accent);font-size:.7rem;vertical-align:middle}:root .jm .jm-card__body .jidlio-product-desc{margin:0;font-size:.88rem;line-height:1.4;-webkit-line-clamp:2}.jm-card__foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}:root .jm .jm-card__foot .jidlio-product-price{font-size:1.2rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--jm-price)}.jm-card__meta{max-width:100%;color:var(--sa-color-muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root .jm .jidlio-add.jm-add{position:absolute;right:12px;bottom:12px;width:46px;height:46px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:var(--jm-accent);color:var(--jm-on-accent);font-size:1.6rem;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 10px 18px -10px color-mix(in srgb,var(--jm-accent) 90%,#000);transition:transform .15s ease,filter .15s ease}@media (hover:hover){:root .jm .jidlio-add.jm-add:hover{transform:scale(1.1) rotate(90deg);filter:brightness(1.08)}}:root .jm .jidlio-add.jm-add:active{transform:scale(.88)}:root .jm .jidlio-add.jm-add.is-added{animation:jm-pop .45s cubic-bezier(.2,1.6,.4,1)}.jm-add__ring{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.jm-add.is-added .jm-add__ring{animation:jm-ring .6s ease-out}.jm .jidlio-add.jm-add:focus-visible,.jm .jidlio-product-info:focus-visible{outline:3px solid var(--sa-color-text);outline-offset:3px}.jm-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;padding:0 0 max(14px,env(safe-area-inset-bottom));pointer-events:none}.jm-bar__inner{max-width:1120px;margin:0 auto;padding:0 20px}:root .jm-bar .jm-bar__link{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 12px 10px 20px;min-height:60px;border:0;border-radius:999px;background:var(--jm-accent);color:var(--jm-on-accent);box-shadow:0 18px 34px -14px color-mix(in srgb,var(--jm-accent) 80%,#000),0 2px 0 color-mix(in srgb,#fff 25%,transparent) inset;font-weight:800;text-decoration:none;animation:jm-bar-in .45s cubic-bezier(.2,1.2,.3,1) backwards;transition:transform .15s ease}:root .jm-bar .jm-bar__link:active{transform:scale(.98)}.jm-bar__total{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--jm-on-accent) 16%,transparent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jm-bar__total svg{flex:none}@keyframes jm-in{0%{transform:translateY(18px) scale(.97)}}@keyframes jm-pop{0%{transform:scale(1)}45%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes jm-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--jm-accent) 60%,transparent)}to{box-shadow:0 0 0 16px transparent}}@keyframes jm-bar-in{0%{transform:translateY(140%)}}@media (max-width:420px){:root .jm .jidlio-product.jm-card{grid-template-columns:96px minmax(0,1fr);gap:12px;min-height:156px;--jm-media:96px}.jm-card__body{padding-right:52px}}@media (prefers-reduced-motion:reduce){.jm *,.jm-bar *,.jm-info,.jm-nav *{animation:none!important;transition:none!important}}