/* Včelí med Jeseníky | rozšíření úvodní stránky, 09/2026.
   Platí pouze pro prvky přidané souborem vceli-vylepseni-2026.js. */
.vmj26-section{box-sizing:border-box;max-width:1200px;margin:28px auto;padding:26px;border:1px solid #ead9b9;border-radius:18px;background:#fffdf7;color:#43351e;box-shadow:0 8px 25px rgba(60,44,12,.06)}
.vmj26-section *{box-sizing:border-box}
.vmj26-eyebrow{display:inline-block;margin:0 0 9px;color:#6a622e;letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:800}
.vmj26-section h2{margin:0 0 10px;color:#473014;font-size:clamp(23px,3vw,32px);line-height:1.18}
.vmj26-lead{max-width:790px;margin:0 0 20px;color:#554b3b;font-size:16px;line-height:1.65}
.vmj26-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vmj26-product{min-width:0;display:grid;grid-template-columns:minmax(105px,42%) 1fr;align-items:center;gap:16px;padding:16px;border-radius:13px;background:#fff;border:1px solid #eee2cb}
.vmj26-image{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:10px}
.vmj26-product--no-image .vmj26-image{display:none}
.vmj26-product--no-image{grid-template-columns:1fr}
.vmj26-type{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#78663f;font-weight:700}
.vmj26-product h3{margin:6px 0;color:#433018;font-size:clamp(18px,1.8vw,24px);line-height:1.25}
.vmj26-product p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#645841}
.vmj26-price{display:block;min-height:1.5em;margin:5px 0 12px;font-size:23px;font-weight:800;color:#6f471b}
.vmj26-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.vmj26-btn,.vmj26-btn:link,.vmj26-btn:visited{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 15px;border:0;border-radius:8px;background:#587039;color:#fff!important;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;cursor:pointer}
.vmj26-btn:hover{background:#405829;color:#fff!important}
.vmj26-btn:disabled{opacity:.6;cursor:wait}
.vmj26-detail,.vmj26-detail:link{color:#765322;text-decoration:underline;font-size:14px}
.vmj26-trust{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:17px;padding:13px 16px;border-radius:10px;background:#f5edda;color:#4b422b;font-size:14px;font-weight:600}
.vmj26-trust span{display:inline-flex;align-items:center;gap:7px}
.vmj26-ginger{display:grid;grid-template-columns:minmax(140px,30%) 1fr;align-items:center;gap:24px}
.vmj26-ginger .vmj26-image{max-height:285px}
.vmj26-ginger .vmj26-lead{margin-bottom:12px}
.vmj26-anchor{height:0;overflow:hidden}
@media(max-width:800px){.vmj26-section{margin:18px 0;padding:18px}.vmj26-grid{grid-template-columns:1fr}.vmj26-trust{display:grid;gap:7px}.vmj26-ginger{grid-template-columns:1fr;gap:10px}.vmj26-ginger .vmj26-image{max-height:235px}}
@media(max-width:460px){.vmj26-product{grid-template-columns:minmax(88px,35%) 1fr;gap:10px;padding:10px}.vmj26-product h3{font-size:18px}.vmj26-price{font-size:20px}.vmj26-actions{align-items:stretch;flex-direction:column}.vmj26-actions .vmj26-btn,.vmj26-actions .vmj26-detail{width:100%;text-align:center}}


/* v5: tlačítko má vždy viditelný tvar; přesný vzhled se převezme z původních. */
.vmj26-section .vmj26-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:43px;padding:10px 15px;border:1px solid #587039;border-radius:8px;background:#587039;color:#fff;font-size:14px;font-weight:700;line-height:1.2;cursor:pointer}
.vmj26-section .vmj26-btn svg,.vmj26-section .vmj26-btn i{width:1.1em;height:1.1em;vertical-align:middle}
.vmj26-popup[hidden]{display:none!important}
.vmj26-popup{position:fixed;right:18px;bottom:20px;z-index:2147483000;display:flex;align-items:center;gap:18px;max-width:min(440px,calc(100vw - 32px));padding:15px 17px;background:#fffdf7;color:#3a3427;border:1px solid #d9bc77;border-left:5px solid #587039;border-radius:12px;box-shadow:0 10px 35px rgba(34,27,17,.25);font-family:inherit;font-size:15px;line-height:1.5}
.vmj26-popup--error{border-left-color:#a94a3b}
.vmj26-popup-text{flex:1;min-width:0}
.vmj26-popup-close{appearance:none;border:0;background:transparent;color:#55442f;font:inherit;font-size:24px;cursor:pointer;padding:0 2px;line-height:1}
@media(max-width:600px){.vmj26-popup{right:12px;left:12px;bottom:12px;max-width:none}}