
.jex{border:1px solid #e6e6db;border-radius:20px;padding:22px;margin:28px 0;color:#36565a;min-width:0;background:linear-gradient(135deg,#f8f5ed,#f4f5ee);font-family:Poppins,sans-serif}.jex legend{float:left;width:100%;font:500 27px/1.2 Poppins,sans-serif;letter-spacing:-.045em;padding:0;margin:0 0 9px}.jex-kicker{display:block;font:500 8px/1.5 Poppins,sans-serif;color:#859174;letter-spacing:.17em;margin-bottom:9px}.jex-toolbar{clear:both;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.jex-intro{font:11px/1.8 Poppins,sans-serif;color:#52685b;margin:0}.jex-intro>span{font-size:9px;color:#7c8873}.jex-controls{display:flex;gap:6px;flex-shrink:0}.jex-controls button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d8dece;border-radius:50%;background:#fffdfa;color:#36565a;cursor:pointer}.jex-controls button:disabled{opacity:.3;cursor:default}.jex-controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.jex-grid{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c1cbb7 transparent;padding:3px 2px 12px;scroll-padding-inline:2px;overscroll-behavior-x:contain}.jex-card{position:relative;display:flex!important;flex-direction:column;cursor:pointer;margin:0!important;border:1px solid #e4e6dc;border-radius:14px;overflow:hidden;background:#fffdfa;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s;min-width:0;padding:8px 8px 12px}.jex-card input{position:absolute;opacity:0;width:1px;height:1px}.jex-photo{display:grid;place-items:center;position:relative;aspect-ratio:1.12;background:#f2efe6;border-radius:9px;overflow:hidden}.jex-card:nth-child(3n+2) .jex-photo{background:#f4e9dc}.jex-card:nth-child(3n) .jex-photo{background:#e9eee3}.jex-photo>img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .25s}.jex-placeholder{width:58%;height:58%;fill:#fffdfa85;stroke:#a99b80;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.jex-check{position:absolute;top:7px;right:7px;width:21px;height:21px;border:1px solid #d4d9c9;border-radius:50%;background:#fffdfa;color:transparent;display:grid;place-items:center;font-size:11px}.jex-card:has(input:checked){border-color:#36565a;box-shadow:0 0 0 1px #36565a}.jex-card input:checked+.jex-photo .jex-check{background:#36565a;color:#fffdfa;border-color:#36565a}.jex-card:has(input:focus-visible){outline:3px solid #edb18c;outline-offset:2px}.jex-category{font:500 6px/1.5 Poppins,sans-serif;letter-spacing:.1em;color:#8a967b;display:block;margin:12px 3px 5px}.jex-name{font:500 10px/1.6 Poppins,sans-serif;display:block;min-height:48px;margin:0 3px 8px;color:#36565a}.jex-price{font:500 11px/1.5 Poppins,sans-serif;margin:auto 3px 0}.jex-card:has(input:disabled){cursor:default}.jex-card:has(input:disabled) .jex-check{display:none}.jex-card:has(input:disabled) .jex-price{font-size:8px;font-weight:400;color:#8b8f7d}.jex-summary{font:10px/1.7 Poppins,sans-serif;border-top:1px solid #dfe3d7;padding-top:12px;margin:12px 0 0;color:#64745b}.jex:not(:has(.jex-card)){display:none}.jex-controls button:focus-visible,.jex-grid:focus-visible{outline:2px solid #36565a;outline-offset:3px}@media(hover:hover){.jex-card:has(input:not(:disabled)):hover{border-color:#8f9b80}.jex-card:hover .jex-photo>img{transform:scale(1.04)}}@media(max-width:750px){.jex{padding:20px 16px 16px;margin:24px 0;border-radius:18px}.jex legend{font-size:28px}.jex-grid{grid-auto-columns:calc((100% - 27px)/2.15);gap:10px;margin-right:-16px;padding-right:16px;scroll-padding-right:16px}.jex-name{font-size:10px;min-height:64px}.jex-category{font-size:6px}.jex-intro{font-size:10px}.jex-controls button{width:29px;height:29px}.jex-photo{aspect-ratio:1}.jex-summary{font-size:9px}}@media(prefers-reduced-motion:reduce){.jex-card,.jex-photo>img{transition:none}}

.jasmin-product .jex-photo>svg.jex-placeholder{width:58%!important;height:58%!important;max-width:none;stroke-width:1.2}
