Bartender - trader

<div class="vs-mod-container" style="max-width: 1200px; width: 100%; margin: 0 auto; background: radial-gradient(circle at 10% 20%, rgba(0,0,0,0.1) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(0,0,0,0.3) 0%, transparent 50%), repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 1px, transparent 1px, transparent 5px), repeating-linear-gradient(0deg, rgba(0,0,0,0.05) 0px, rgba(0,0,0,0.05) 1px, transparent 1px, transparent 5px), linear-gradient(145deg, #252525 0%, #0d0d0d 100%); padding: 30px; font-family: 'Outfit', 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, sans-serif; color: #e0e0e0; line-height: 1.6; box-sizing: border-box; border: 1px solid #333; border-top: 4px solid #ff8f00; border-radius: 4px; box-shadow: 0 8px 30px rgba(0,0,0,0.8);"><div style="background-color: rgba(40, 20, 5, 0.8); border: 1px solid #333333; border-left: 6px solid #ffb300; border-radius: 4px; padding: 30px; margin-bottom: 30px; position: relative; backdrop-filter: blur(4px);"><div style="display: flex; align-items: center; gap: 20px; margin-bottom: 15px; flex-wrap: wrap;"><img style="width: 80px; height: 80px; object-fit: contain; filter: drop-shadow(0 0 8px rgba(255,179,0,0.5));" src="https://modb.vintagestory.cz/Bartender/pic/modicon.png" alt="Bartender Icon"> <div> <h1 style="font-family: 'Cinzel', 'Georgia', serif; font-size: 48px; color: #ffb300; margin: 0 0 5px 0; font-weight: 900; letter-spacing: 2px; text-shadow: 2px 2px 0 #000, 0 0 15px rgba(255,179,0,0.5); text-transform: uppercase;">BARTENDER</h1> <p style="font-size: 18.5px; color: #bbbbbb; margin: 0; font-weight: 600; line-height: 1.5;">Pour the drinks, run the tavern, and keep your patrons happy.</p> </div> </div> <div style="display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px;"><span style="background-color: #151515; border: 1px solid #333333; color: #cccccc; font-size: 14.5px; padding: 6px 14px; border-radius: 20px; font-weight: 600; display: inline-block; vertical-align: middle;">Translations: <span style="margin-left: 8px; display: inline-block; vertical-align: middle; padding: 2px 0;"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/gb.png" alt="English" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/cz.png" alt="Czech" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/sk.png" alt="Slovak" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/de.png" alt="German" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/fr.png" alt="French" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/es.png" alt="Spanish" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/pl.png" alt="Polish" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/ua.png" alt="Ukrainian" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/it.png" alt="Italian" width="36"> <img style="vertical-align: middle; margin-right: 6px; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/is.png" alt="Icelandic" width="36"> <img style="vertical-align: middle; border: 1px solid #333; border-radius: 1px;" src="https://mods.vintagestory.cz/flags/jp.png" alt="Japanese" width="36"> </span> </span></div> </div> <div style="margin-bottom: 35px;"> <h2 style="font-family: 'Cinzel', 'Georgia', serif; font-size: 25.5px; color: #ffecb3; border-bottom: 2px solid #333333; padding-bottom: 10px; margin-top: 0; margin-bottom: 18px; letter-spacing: 0.5px;">About the Mod</h2> <p style="font-size: 17px; color: #b0b0b0; margin: 0 0 15px 0; text-align: justify; line-height: 1.7;">The <strong>Bartender</strong> mod fundamentally enhances the tavern experience in Vintage Story. It goes beyond just adding a new trading NPC by introducing a whole set of functional drinkware and storage vessels designed specifically for running your own pub.</p> <div style="font-size: 17px; color: #b0b0b0; margin: 0 0 15px 0; text-align: justify; line-height: 1.7;"><strong>Key Features:</strong> <ul style="font-size: 17px; color: #b0b0b0; line-height: 1.7; margin: 5px 0 15px 0; padding-left: 20px;"> <li><strong>New Vessels and Containers:</strong> Features beautifully crafted wooden and leather bar containers, as well as bar flasks for serving drinks.</li> <li><strong>Decorative Bags of Goods:</strong> Enhance the look of your tavern's storage areas with new realistic props.</li> <li><strong>The Bartender NPC:</strong> A brand new trader entity ready to serve drinks and trade goods in your custom-built taverns.</li> </ul> </div> <div style="background-color: #1a1a1a; border-left: 4px solid #777777; padding: 15px; margin: 25px 0; font-size: 17px; color: #ffffff; border-radius: 3px; box-shadow: inset 0 0 10px rgba(0,0,0,0.5);"><strong style="color: #ffffff; display: flex; align-items: center; margin-bottom: 6px; font-size: 18.5px;"> <span style="margin-right: 8px; font-size: 21.5px;">⭐</span> Important </strong> <span style="opacity: 0.95; line-height: 1.5; display: block;"> Every vessel is designed to fit perfectly on your bar counter and store liquids realistically! </span></div> </div> <div style="margin-bottom: 35px;"> <h2 style="font-family: 'Cinzel', 'Georgia', se