Supa.WalliserWii \u2014 Zam\u00f3wienie<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --wine-dark: #2c1810;\n --wine-deep: #3d2218;\n --wine-red: #5c2e2e;\n --wine-accent: #6b3a3a;\n --wine-rose: #8b5e5e;\n --gold: #d4881a;\n --gold-light: #e6a23c;\n --gold-dim: #b87318;\n --cream: #f3ede4;\n --cream-dark: #e6ddd0;\n --text-dark: #2c1810;\n --text-muted: #6b5444;\n --white: #fffdf9;\n --border: rgba(92,46,46,0.18);\n --shadow: 0 4px 24px rgba(44,24,16,0.10);\n --shadow-lg: 0 12px 48px rgba(44,24,16,0.16);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;\n background: var(--cream);\n color: var(--text-dark);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* === BACKGROUND TEXTURE === *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse at 20% 0%, rgba(92,46,46,0.06) 0%, transparent 60%),\n radial-gradient(ellipse at 80% 100%, rgba(212,136,26,0.04) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n }\n\n \/* === HEADER === *\/\n .header {\n text-align: center;\n padding: 60px 20px 40px;\n position: relative;\n z-index: 1;\n }\n\n .header::after {\n content: '';\n display: block;\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 30px auto 0;\n }\n\n .brand {\n font-size: clamp(2rem, 5vw, 3.2rem);\n font-weight: 700;\n color: var(--wine-red);\n letter-spacing: 0.03em;\n line-height: 1.1;\n }\n\n .brand span {\n color: var(--gold);\n }\n\n .header-sub {\n font-size: clamp(0.85rem, 2vw, 1rem);\n font-weight: 400;\n font-style: italic;\n color: var(--text-muted);\n margin-top: 10px;\n letter-spacing: 0.08em;\n }\n\n \/* === MAIN CONTAINER === *\/\n .container {\n max-width: 100%;\n margin: 0 auto;\n padding: 0 clamp(20px, 4vw, 60px) 80px;\n position: relative;\n z-index: 1;\n }\n\n \/* === SECTION TITLES === *\/\n .section-title {\n font-size: clamp(1.1rem, 2.5vw, 1.4rem);\n font-weight: 600;\n color: var(--wine-red);\n text-align: center;\n margin-bottom: 8px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n\n .section-line {\n width: 50px;\n height: 1px;\n background: var(--gold);\n margin: 0 auto 32px;\n }\n\n \/* === WINE CATEGORY HEADER === *\/\n .category-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin: 40px 0 20px;\n }\n\n .category-header::before,\n .category-header::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n }\n\n .category-label {\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold-dim);\n white-space: nowrap;\n }\n\n .category-header:first-child { margin-top: 10px; }\n\n \/* === WINE CARDS === *\/\n .wines-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(260px, 380px));\n gap: 24px;\n margin-bottom: 10px;\n justify-content: center;\n }\n\n .wine-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 12px;\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n }\n\n .wine-card:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-lg);\n }\n\n .wine-card.selected {\n border-color: var(--gold);\n box-shadow: 0 0 0 2px var(--gold), var(--shadow);\n }\n\n .wine-img-wrap {\n width: 100%;\n height: 220px;\n overflow: hidden;\n background: linear-gradient(145deg, #f0ebe3, #e6ddd0);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .wine-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .wine-card:hover .wine-img-wrap img {\n transform: scale(1.04);\n }\n\n .wine-type-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n padding: 3px 12px;\n border-radius: 20px;\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n backdrop-filter: blur(6px);\n }\n\n .badge-red {\n background: rgba(92,46,46,0.88);\n color: #f3ede4;\n }\n\n .badge-white {\n background: rgba(212,136,26,0.85);\n color: #2c1810;\n }\n\n .wine-info {\n padding: 18px 18px 16px;\n }\n\n .wine-name {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1.35;\n margin-bottom: 14px;\n }\n\n .wine-qty {\n display: flex;\n align-items: center;\n gap: 0;\n }\n\n .qty-btn {\n width: 36px;\n height: 36px;\n border: 1px solid var(--border);\n background: var(--cream);\n color: var(--text-dark);\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n user-select: none;\n }\n\n .qty-btn:first-child { border-radius: 6px 0 0 6px; }\n .qty-btn:last-child { border-radius: 0 6px 6px 0; }\n\n .qty-btn:hover {\n background: var(--gold);\n color: var(--white);\n border-color: var(--gold);\n }\n\n .qty-input {\n width: 48px;\n height: 36px;\n border: 1px solid var(--border);\n border-left: none;\n border-right: none;\n background: var(--white);\n text-align: center;\n font-family: 'Playfair Display', serif;\n font-size: 0.95rem;\n color: var(--text-dark);\n -moz-appearance: textfield;\n }\n\n .qty-input::-webkit-outer-spin-button,\n .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\n\n .qty-label {\n font-size: 0.75rem;\n color: var(--text-muted);\n margin-left: 10px;\n font-style: italic;\n }\n\n \/* === FORM SECTION === *\/\n .form-section {\n margin-top: 52px;\n margin-left: auto;\n margin-right: auto;\n max-width: 900px;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: clamp(28px, 5vw, 48px);\n box-shadow: var(--shadow);\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px 24px;\n margin-bottom: 28px;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n }\n\n .form-group.full-width { grid-column: 1 \/ -1; }\n\n .form-label {\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 8px;\n }\n\n .form-label .required {\n color: var(--wine-accent);\n margin-left: 2px;\n }\n\n .form-input {\n font-family: 'Playfair Display', serif;\n font-size: 0.95rem;\n padding: 12px 16px;\n border: 1px solid var(--border);\n border-radius: 8px;\n background: var(--cream);\n color: var(--text-dark);\n transition: border-color 0.25s, box-shadow 0.25s;\n outline: none;\n }\n\n .form-input::placeholder {\n color: #b0a090;\n font-style: italic;\n }\n\n .form-input:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(201,168,76,0.15);\n }\n\n \/* === DELIVERY OPTION === *\/\n .delivery-section {\n margin-bottom: 28px;\n }\n\n .delivery-options {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n\n .delivery-option {\n border: 1.5px solid var(--border);\n border-radius: 10px;\n padding: 20px;\n cursor: pointer;\n transition: all 0.25s;\n position: relative;\n }\n\n .delivery-option:hover { border-color: var(--gold-dim); }\n\n .delivery-option.active {\n border-color: var(--gold);\n background: rgba(201,168,76,0.06);\n box-shadow: 0 0 0 2px var(--gold);\n }\n\n .delivery-option input[type=\"radio\"] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .delivery-dot {\n width: 18px;\n height: 18px;\n border: 2px solid var(--border);\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n vertical-align: middle;\n transition: border-color 0.25s;\n }\n\n .delivery-dot::after {\n content: '';\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--gold);\n transform: scale(0);\n transition: transform 0.2s ease;\n }\n\n .delivery-option.active .delivery-dot {\n border-color: var(--gold);\n }\n\n .delivery-option.active .delivery-dot::after {\n transform: scale(1);\n }\n\n .delivery-title {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n display: inline;\n vertical-align: middle;\n }\n\n .delivery-desc {\n font-size: 0.8rem;\n color: var(--text-muted);\n font-style: italic;\n margin-top: 8px;\n padding-left: 28px;\n line-height: 1.5;\n }\n\n \/* === ADDRESS FIELD === *\/\n .address-field {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, opacity 0.3s ease;\n opacity: 0;\n }\n\n .address-field.visible {\n max-height: 120px;\n opacity: 1;\n margin-top: 20px;\n }\n\n \/* === SUMMARY === *\/\n .summary-box {\n background: linear-gradient(135deg, var(--wine-dark), var(--wine-deep));\n border-radius: 12px;\n padding: 24px;\n margin-bottom: 28px;\n color: var(--cream);\n min-height: 60px;\n }\n\n .summary-title {\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 14px;\n }\n\n .summary-empty {\n font-style: italic;\n color: rgba(245,239,230,0.4);\n font-size: 0.88rem;\n }\n\n .summary-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 6px 0;\n border-bottom: 1px solid rgba(201,168,76,0.12);\n font-size: 0.88rem;\n }\n\n .summary-item:last-child { border-bottom: none; }\n\n .summary-wine-name { color: var(--cream); }\n .summary-wine-qty {\n color: var(--gold-light);\n font-weight: 600;\n white-space: nowrap;\n margin-left: 12px;\n }\n\n .summary-total {\n display: flex;\n justify-content: space-between;\n margin-top: 14px;\n padding-top: 14px;\n border-top: 1px solid rgba(201,168,76,0.25);\n font-size: 0.95rem;\n font-weight: 600;\n }\n\n .summary-total-label { color: var(--cream); }\n .summary-total-count { color: var(--gold); }\n\n \/* === SUBMIT === *\/\n .submit-btn {\n display: block;\n width: 100%;\n padding: 16px;\n background: linear-gradient(135deg, var(--wine-red), var(--wine-accent));\n color: var(--cream);\n border: none;\n border-radius: 10px;\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, var(--gold-dim), var(--gold));\n opacity: 0;\n transition: opacity 0.35s;\n }\n\n .submit-btn:hover::before { opacity: 1; }\n\n .submit-btn span {\n position: relative;\n z-index: 1;\n }\n\n .submit-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 24px rgba(107,29,42,0.3);\n }\n\n .submit-btn:active { transform: translateY(0); }\n\n \/* === FOOTER === *\/\n .footer {\n text-align: center;\n padding: 40px 20px;\n font-size: 0.78rem;\n color: var(--text-muted);\n font-style: italic;\n letter-spacing: 0.04em;\n position: relative;\n z-index: 1;\n }\n\n .footer::before {\n content: '';\n display: block;\n width: 50px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 0 auto 20px;\n }\n\n \/* === TOAST === *\/\n .toast {\n position: fixed;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%) translateY(100px);\n background: var(--wine-dark);\n color: var(--cream);\n padding: 16px 32px;\n border-radius: 10px;\n font-family: 'Playfair Display', serif;\n font-size: 0.9rem;\n box-shadow: var(--shadow-lg);\n z-index: 100;\n opacity: 0;\n transition: all 0.4s ease;\n border: 1px solid var(--gold-dim);\n }\n\n .toast.show {\n transform: translateX(-50%) translateY(0);\n opacity: 1;\n }\n\n \/* === ANIMATIONS === *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .wine-card {\n animation: fadeUp 0.5s ease both;\n }\n\n .wines-grid .wine-card:nth-child(1) { animation-delay: 0.05s; }\n .wines-grid .wine-card:nth-child(2) { animation-delay: 0.1s; }\n .wines-grid .wine-card:nth-child(3) { animation-delay: 0.15s; }\n\n .form-section { animation: fadeUp 0.6s ease 0.2s both; }\n\n \/* === RESPONSIVE === *\/\n @media (max-width: 900px) {\n .wines-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }\n }\n @media (max-width: 640px) {\n .form-grid { grid-template-columns: 1fr; }\n .delivery-options { grid-template-columns: 1fr; }\n .wines-grid { grid-template-columns: 1fr; }\n .header { padding: 40px 20px 28px; }\n .form-section { padding: 24px 18px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<header class=\"header\">\n <div class=\"brand\">Supa.<span>WalliserWii<\/span><\/div>\n <p class=\"header-sub\">Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci <\/p>\n<\/header>\n\n<main class=\"container\">\n\n \n <div class=\"section-title\">Wybierz wino<\/div>\n <div class=\"section-line\"><\/div>\n\n \n <div class=\"category-header\">\n <span class=\"category-label\">Wina czerwone<\/span>\n <\/div>\n <div class=\"wines-grid\" id=\"grid-red\">\n <div class=\"wine-card\" data-wine=\"AOC Valais 2025 Cuv\u00e9e Rouge\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png\" alt=\"Cuv\u00e9e Rouge\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-red\">Czerwone<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Valais 2025 Cuv\u00e9e Rouge<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2023 Pinot Noir\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-1-e1772444092919.webp\" alt=\"Pinot Noir\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-red\">Czerwone<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2023 Pinot Noir<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2024 HuusWii Rot\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-1-e1772444092919.webp\" alt=\"HuusWii Rot\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-red\">Czerwone<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2024 HuusWii Rot<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category-header\">\n <span class=\"category-label\">Wina bia\u0142e<\/span>\n <\/div>\n <div class=\"wines-grid\" id=\"grid-white\">\n <div class=\"wine-card\" data-wine=\"AOC Valais Cuv\u00e9e Blanc 2025\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/winosupa1-e1773217586243.webp\" alt=\"Cuv\u00e9e Blanc\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-white\">Bia\u0142e<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Valais Cuv\u00e9e Blanc 2025<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2023 Sweet Johaan\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-2.webp\" alt=\"Sweet Johaan\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-white\">Bia\u0142e<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2023 Sweet Johaan<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2023 Dessert Solaris\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-3.webp\" alt=\"Dessert Solaris\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-white\">Bia\u0142e<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2023 Dessert Solaris<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-section\">\n <div class=\"section-title\">Twoje dane<\/div>\n <div class=\"section-line\"><\/div>\n\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label class=\"form-label\">Imi\u0119 i nazwisko <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">E-Mail <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"email\" id=\"email\" placeholder=\"jan@przyk\u0142ad.ch\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Numer telefonu <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"tel\" id=\"phone\" placeholder=\"+41 79 000 00 00\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Mieszkanie \/ dodatkowe info<\/label>\n <input class=\"form-input\" type=\"text\" id=\"apartment\" placeholder=\"Nr mieszkania, pi\u0119tro itp.\">\n <\/div>\n <\/div>\n\n \n <div class=\"delivery-section\">\n <label class=\"form-label\" style=\"margin-bottom:14px; display:block;\">Dostawa <span class=\"required\">*<\/span><\/label>\n <div class=\"delivery-options\">\n <label class=\"delivery-option active\" id=\"opt-delivery\" onclick=\"setDelivery('delivery')\">\n <input type=\"radio\" name=\"delivery\" value=\"delivery\" checked>\n <span class=\"delivery-dot\"><\/span>\n <span class=\"delivery-title\">Dostawa pod drzwi<\/span>\n <div class=\"delivery-desc\">Dostawa do max. 25 km od Brig<\/div>\n <\/label>\n <label class=\"delivery-option\" id=\"opt-pickup\" onclick=\"setDelivery('pickup')\">\n <input type=\"radio\" name=\"delivery\" value=\"pickup\">\n <span class=\"delivery-dot\"><\/span>\n <span class=\"delivery-title\">Odbi\u00f3r osobisty<\/span>\n <div class=\"delivery-desc\">Nordstrasse 30, 3900 Brig<\/div>\n <\/label>\n <\/div>\n\n <div class=\"address-field visible\" id=\"address-wrap\">\n <div class=\"form-group\">\n <label class=\"form-label\">Adres dostawy <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"text\" id=\"address\" placeholder=\"Ulica, kod pocztowy, miejscowo\u015b\u0107\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"summary-box\">\n <div class=\"summary-title\">Twoje zam\u00f3wienie<\/div>\n <div id=\"summary-content\">\n <div class=\"summary-empty\">Nie wybrano jeszcze \u017cadnego wina<\/div>\n <\/div>\n <\/div>\n\n \n <button class=\"submit-btn\" onclick=\"submitOrder()\">\n <span>Z\u0142\u00f3\u017c zam\u00f3wienie<\/span>\n <\/button>\n <\/div>\n\n<\/main>\n\n<footer class=\"footer\">\n Supa.WalliserWii \u2014 Wina z Wallis tworzone z pasj\u0105\n<\/footer>\n\n<div class=\"toast\" id=\"toast\"><\/div>\n\n<script>\n function changeQty(btn, delta) {\n const wrap = btn.closest('.wine-qty');\n const input = wrap.querySelector('.qty-input');\n let val = parseInt(input.value) || 0;\n val = Math.max(0, Math.min(99, val + delta));\n input.value = val;\n updateCard(input);\n updateSummary();\n }\n\n function handleInput(input) {\n let val = parseInt(input.value) || 0;\n val = Math.max(0, Math.min(99, val));\n input.value = val;\n updateCard(input);\n updateSummary();\n }\n\n function updateCard(input) {\n const card = input.closest('.wine-card');\n if (parseInt(input.value) > 0) {\n card.classList.add('selected');\n } else {\n card.classList.remove('selected');\n }\n }\n\n function getSelections() {\n const items = [];\n document.querySelectorAll('.wine-card').forEach(card => {\n const qty = parseInt(card.querySelector('.qty-input').value) || 0;\n if (qty > 0) {\n items.push({ name: card.dataset.wine, qty });\n }\n });\n return items;\n }\n\n function updateSummary() {\n const items = getSelections();\n const el = document.getElementById('summary-content');\n if (items.length === 0) {\n el.innerHTML = '<div class=\"summary-empty\">Nie wybrano jeszcze \u017cadnego wina<\/div>';\n return;\n }\n let total = 0;\n let html = '';\n items.forEach(i => {\n total += i.qty;\n html += `<div class=\"summary-item\">\n <span class=\"summary-wine-name\">${i.name}<\/span>\n <span class=\"summary-wine-qty\">${i.qty} szt.<\/span>\n <\/div>`;\n });\n html += `<div class=\"summary-total\">\n <span class=\"summary-total-label\">Razem<\/span>\n <span class=\"summary-total-count\">${total} butel${total === 1 ? 'ka' : total < 5 ? 'ki' : 'ek'}<\/span>\n <\/div>`;\n el.innerHTML = html;\n }\n\n function setDelivery(type) {\n const optD = document.getElementById('opt-delivery');\n const optP = document.getElementById('opt-pickup');\n const addrWrap = document.getElementById('address-wrap');\n\n if (type === 'delivery') {\n optD.classList.add('active');\n optP.classList.remove('active');\n optD.querySelector('input').checked = true;\n addrWrap.classList.add('visible');\n } else {\n optP.classList.add('active');\n optD.classList.remove('active');\n optP.querySelector('input').checked = true;\n addrWrap.classList.remove('visible');\n }\n }\n\n function showToast(msg, isError) {\n const t = document.getElementById('toast');\n t.textContent = msg;\n t.style.borderColor = isError ? '#6b3a3a' : '#b87318';\n t.classList.add('show');\n setTimeout(() => t.classList.remove('show'), 3500);\n }\n\n \/\/ =====================================================\n \/\/ WA\u017bNE: Wklej sw\u00f3j Access Key z https:\/\/web3forms.com\n \/\/ =====================================================\n const WEB3FORMS_KEY = '90ddc642-47a2-49d2-ad2e-71369b855674';\n\n async function submitOrder() {\n const name = document.getElementById('name').value.trim();\n const email = document.getElementById('email').value.trim();\n const phone = document.getElementById('phone').value.trim();\n const apartment = document.getElementById('apartment').value.trim();\n const deliveryType = document.querySelector('input[name=\"delivery\"]:checked').value;\n const address = document.getElementById('address').value.trim();\n const items = getSelections();\n\n \/\/ Walidacja\n if (!name || !email || !phone) {\n showToast('Prosz\u0119 wype\u0142ni\u0107 wszystkie wymagane pola.', true);\n return;\n }\n\n if (items.length === 0) {\n showToast('Prosz\u0119 wybra\u0107 przynajmniej jedno wino.', true);\n return;\n }\n\n if (deliveryType === 'delivery' && !address) {\n showToast('Prosz\u0119 poda\u0107 adres dostawy.', true);\n return;\n }\n\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!emailRegex.test(email)) {\n showToast('Prosz\u0119 poda\u0107 prawid\u0142owy adres e-mail.', true);\n return;\n }\n\n \/\/ Przygotuj list\u0119 win\n const totalBottles = items.reduce((s, i) => s + i.qty, 0);\n const wineList = items.map(i => `\u2022 ${i.name} \u2014 ${i.qty} szt.`).join('\\n');\n\n const deliveryText = deliveryType === 'delivery'\n ? `Dostawa pod adres: ${address}${apartment ? ', ' + apartment : ''}`\n : 'Odbi\u00f3r osobisty: Nordstrasse 30, 3900 Brig';\n\n \/\/ Wy\u015blij przez Web3Forms\n const btn = document.querySelector('.submit-btn');\n btn.disabled = true;\n btn.querySelector('span').textContent = 'Wysy\u0142anie...';\n\n try {\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n access_key: WEB3FORMS_KEY,\n subject: `\ud83c\udf77 Nowe zam\u00f3wienie wina \u2014 ${name} (${totalBottles} butelek)`,\n from_name: 'Supa.WalliserWii \u2014 Formularz zam\u00f3wie\u0144',\n \/\/ Dane klienta\n 'Imi\u0119 i nazwisko': name,\n 'E-mail': email,\n 'Telefon': phone,\n 'Mieszkanie \/ dodatkowe info': apartment || '\u2014',\n 'Spos\u00f3b dostawy': deliveryText,\n 'Zam\u00f3wione wina': wineList,\n '\u0141\u0105czna liczba butelek': totalBottles,\n \/\/ Kopia do klienta\n replyto: email\n })\n });\n\n const result = await response.json();\n\n if (result.success) {\n showToast('Dzi\u0119kujemy! Zam\u00f3wienie zosta\u0142o wys\u0142ane.', false);\n \/\/ Reset formularza\n document.getElementById('name').value = '';\n document.getElementById('email').value = '';\n document.getElementById('phone').value = '';\n document.getElementById('apartment').value = '';\n document.getElementById('address').value = '';\n document.querySelectorAll('.qty-input').forEach(inp => {\n inp.value = 0;\n inp.closest('.wine-card').classList.remove('selected');\n });\n updateSummary();\n } else {\n showToast('B\u0142\u0105d wysy\u0142ki. Spr\u00f3buj ponownie.', true);\n }\n } catch (err) {\n console.error('Web3Forms error:', err);\n showToast('B\u0142\u0105d po\u0142\u0105czenia. Sprawd\u017a internet i spr\u00f3buj ponownie.', true);\n } finally {\n btn.disabled = false;\n btn.querySelector('span').textContent = 'Z\u0142\u00f3\u017c zam\u00f3wienie';\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Supa.WalliserWii \u2014 Zam\u00f3wienie Supa.WalliserWii Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci Wybierz wino Wina czerwone Czerwone AOC Valais 2025 Cuv\u00e9e Rouge \u2212 + butelek Czerwone AOC Wallis 2023 Pinot Noir \u2212 + butelek Czerwone AOC Wallis 2024 HuusWii Rot \u2212 + butelek Wina bia\u0142e Bia\u0142e AOC Valais Cuv\u00e9e Blanc 2025 \u2212 + butelek Bia\u0142e AOC Wallis…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Zam\u00f3wienie - WalliserWii<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/walliserwii.ch\/de\/zamowienie\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zam\u00f3wienie - WalliserWii\" \/>\n<meta property=\"og:description\" content=\"Supa.WalliserWii \u2014 Zam\u00f3wienie Supa.WalliserWii Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci Wybierz wino Wina czerwone Czerwone AOC Valais 2025 Cuv\u00e9e Rouge \u2212 + butelek Czerwone AOC Wallis 2023 Pinot Noir \u2212 + butelek Czerwone AOC Wallis 2024 HuusWii Rot \u2212 + butelek Wina bia\u0142e Bia\u0142e AOC Valais Cuv\u00e9e Blanc 2025 \u2212 + butelek Bia\u0142e AOC Wallis...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/walliserwii.ch\/de\/zamowienie\/\" \/>\n<meta property=\"og:site_name\" content=\"WalliserWii\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T14:33:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/\",\"name\":\"Zam\u00f3wienie - WalliserWii\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/supawino-e1772443889197.png\",\"datePublished\":\"2026-01-30T19:54:14+00:00\",\"dateModified\":\"2026-04-07T14:33:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#primaryimage\",\"url\":\"http:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/supawino-e1772443889197.png\",\"contentUrl\":\"http:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/supawino-e1772443889197.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/walliserwii.ch\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zam\u00f3wienie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#website\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/\",\"name\":\"WalliserWii\",\"description\":\"Ein Gute tropfen\",\"publisher\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/walliserwii.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#organization\",\"name\":\"WalliserWii\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Projekt-bez-nazwy-38.webp\",\"contentUrl\":\"https:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Projekt-bez-nazwy-38.webp\",\"width\":125,\"height\":125,\"caption\":\"WalliserWii\"},\"image\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Zam\u00f3wienie - WalliserWii","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/walliserwii.ch\/de\/zamowienie\/","og_locale":"de_DE","og_type":"article","og_title":"Zam\u00f3wienie - WalliserWii","og_description":"Supa.WalliserWii \u2014 Zam\u00f3wienie Supa.WalliserWii Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci Wybierz wino Wina czerwone Czerwone AOC Valais 2025 Cuv\u00e9e Rouge \u2212 + butelek Czerwone AOC Wallis 2023 Pinot Noir \u2212 + butelek Czerwone AOC Wallis 2024 HuusWii Rot \u2212 + butelek Wina bia\u0142e Bia\u0142e AOC Valais Cuv\u00e9e Blanc 2025 \u2212 + butelek Bia\u0142e AOC Wallis...","og_url":"https:\/\/walliserwii.ch\/de\/zamowienie\/","og_site_name":"WalliserWii","article_modified_time":"2026-04-07T14:33:39+00:00","og_image":[{"url":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/walliserwii.ch\/zamowienie\/","url":"https:\/\/walliserwii.ch\/zamowienie\/","name":"Zam\u00f3wienie - WalliserWii","isPartOf":{"@id":"https:\/\/walliserwii.ch\/#website"},"primaryImageOfPage":{"@id":"https:\/\/walliserwii.ch\/zamowienie\/#primaryimage"},"image":{"@id":"https:\/\/walliserwii.ch\/zamowienie\/#primaryimage"},"thumbnailUrl":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png","datePublished":"2026-01-30T19:54:14+00:00","dateModified":"2026-04-07T14:33:39+00:00","breadcrumb":{"@id":"https:\/\/walliserwii.ch\/zamowienie\/#breadcrumb"},"inLanguage":"de-CH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/walliserwii.ch\/zamowienie\/"]}]},{"@type":"ImageObject","inLanguage":"de-CH","@id":"https:\/\/walliserwii.ch\/zamowienie\/#primaryimage","url":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png","contentUrl":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png"},{"@type":"BreadcrumbList","@id":"https:\/\/walliserwii.ch\/zamowienie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/walliserwii.ch\/"},{"@type":"ListItem","position":2,"name":"Zam\u00f3wienie"}]},{"@type":"WebSite","@id":"https:\/\/walliserwii.ch\/#website","url":"https:\/\/walliserwii.ch\/","name":"Walliser Wein","description":"Ein Gute tropfen","publisher":{"@id":"https:\/\/walliserwii.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/walliserwii.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-CH"},{"@type":"Organization","@id":"https:\/\/walliserwii.ch\/#organization","name":"Walliser Wein","url":"https:\/\/walliserwii.ch\/","logo":{"@type":"ImageObject","inLanguage":"de-CH","@id":"https:\/\/walliserwii.ch\/#\/schema\/logo\/image\/","url":"https:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/Projekt-bez-nazwy-38.webp","contentUrl":"https:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/Projekt-bez-nazwy-38.webp","width":125,"height":125,"caption":"WalliserWii"},"image":{"@id":"https:\/\/walliserwii.ch\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":8,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages\/25\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":25,"date":"2026-01-30T19:54:14","date_gmt":"2026-01-30T19:54:14","guid":{"rendered":"http:\/\/walliserwii.ch\/?page_id=25"},"modified":"2026-04-07T14:33:39","modified_gmt":"2026-04-07T14:33:39","slug":"zamowienie","status":"publish","type":"page","link":"https:\/\/walliserwii.ch\/de\/zamowienie\/","title":{"rendered":"Bestellung"},"content":{"rendered":"\n\n\n\n\n\nSupa.WalliserWii \u2014 Zam\u00f3wienie<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\n\n :root {\n --wine-dark: #2c1810;\n --wine-deep: #3d2218;\n --wine-red: #5c2e2e;\n --wine-accent: #6b3a3a;\n --wine-rose: #8b5e5e;\n --gold: #d4881a;\n --gold-light: #e6a23c;\n --gold-dim: #b87318;\n --cream: #f3ede4;\n --cream-dark: #e6ddd0;\n --text-dark: #2c1810;\n --text-muted: #6b5444;\n --white: #fffdf9;\n --border: rgba(92,46,46,0.18);\n --shadow: 0 4px 24px rgba(44,24,16,0.10);\n --shadow-lg: 0 12px 48px rgba(44,24,16,0.16);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;\n background: var(--cream);\n color: var(--text-dark);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* === BACKGROUND TEXTURE === *\/\n body::before {\n content: '';\n position: fixed;\n inset: 0;\n background:\n radial-gradient(ellipse at 20% 0%, rgba(92,46,46,0.06) 0%, transparent 60%),\n radial-gradient(ellipse at 80% 100%, rgba(212,136,26,0.04) 0%, transparent 60%);\n pointer-events: none;\n z-index: 0;\n }\n\n \/* === HEADER === *\/\n .header {\n text-align: center;\n padding: 60px 20px 40px;\n position: relative;\n z-index: 1;\n }\n\n .header::after {\n content: '';\n display: block;\n width: 80px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 30px auto 0;\n }\n\n .brand {\n font-size: clamp(2rem, 5vw, 3.2rem);\n font-weight: 700;\n color: var(--wine-red);\n letter-spacing: 0.03em;\n line-height: 1.1;\n }\n\n .brand span {\n color: var(--gold);\n }\n\n .header-sub {\n font-size: clamp(0.85rem, 2vw, 1rem);\n font-weight: 400;\n font-style: italic;\n color: var(--text-muted);\n margin-top: 10px;\n letter-spacing: 0.08em;\n }\n\n \/* === MAIN CONTAINER === *\/\n .container {\n max-width: 100%;\n margin: 0 auto;\n padding: 0 clamp(20px, 4vw, 60px) 80px;\n position: relative;\n z-index: 1;\n }\n\n \/* === SECTION TITLES === *\/\n .section-title {\n font-size: clamp(1.1rem, 2.5vw, 1.4rem);\n font-weight: 600;\n color: var(--wine-red);\n text-align: center;\n margin-bottom: 8px;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n }\n\n .section-line {\n width: 50px;\n height: 1px;\n background: var(--gold);\n margin: 0 auto 32px;\n }\n\n \/* === WINE CATEGORY HEADER === *\/\n .category-header {\n display: flex;\n align-items: center;\n gap: 16px;\n margin: 40px 0 20px;\n }\n\n .category-header::before,\n .category-header::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n }\n\n .category-label {\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--gold-dim);\n white-space: nowrap;\n }\n\n .category-header:first-child { margin-top: 10px; }\n\n \/* === WINE CARDS === *\/\n .wines-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(260px, 380px));\n gap: 24px;\n margin-bottom: 10px;\n justify-content: center;\n }\n\n .wine-card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 12px;\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n }\n\n .wine-card:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-lg);\n }\n\n .wine-card.selected {\n border-color: var(--gold);\n box-shadow: 0 0 0 2px var(--gold), var(--shadow);\n }\n\n .wine-img-wrap {\n width: 100%;\n height: 220px;\n overflow: hidden;\n background: linear-gradient(145deg, #f0ebe3, #e6ddd0);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .wine-img-wrap img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .wine-card:hover .wine-img-wrap img {\n transform: scale(1.04);\n }\n\n .wine-type-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n padding: 3px 12px;\n border-radius: 20px;\n font-size: 0.65rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n backdrop-filter: blur(6px);\n }\n\n .badge-red {\n background: rgba(92,46,46,0.88);\n color: #f3ede4;\n }\n\n .badge-white {\n background: rgba(212,136,26,0.85);\n color: #2c1810;\n }\n\n .wine-info {\n padding: 18px 18px 16px;\n }\n\n .wine-name {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n line-height: 1.35;\n margin-bottom: 14px;\n }\n\n .wine-qty {\n display: flex;\n align-items: center;\n gap: 0;\n }\n\n .qty-btn {\n width: 36px;\n height: 36px;\n border: 1px solid var(--border);\n background: var(--cream);\n color: var(--text-dark);\n font-family: 'Playfair Display', serif;\n font-size: 1.1rem;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s;\n user-select: none;\n }\n\n .qty-btn:first-child { border-radius: 6px 0 0 6px; }\n .qty-btn:last-child { border-radius: 0 6px 6px 0; }\n\n .qty-btn:hover {\n background: var(--gold);\n color: var(--white);\n border-color: var(--gold);\n }\n\n .qty-input {\n width: 48px;\n height: 36px;\n border: 1px solid var(--border);\n border-left: none;\n border-right: none;\n background: var(--white);\n text-align: center;\n font-family: 'Playfair Display', serif;\n font-size: 0.95rem;\n color: var(--text-dark);\n -moz-appearance: textfield;\n }\n\n .qty-input::-webkit-outer-spin-button,\n .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }\n\n .qty-label {\n font-size: 0.75rem;\n color: var(--text-muted);\n margin-left: 10px;\n font-style: italic;\n }\n\n \/* === FORM SECTION === *\/\n .form-section {\n margin-top: 52px;\n margin-left: auto;\n margin-right: auto;\n max-width: 900px;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: clamp(28px, 5vw, 48px);\n box-shadow: var(--shadow);\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px 24px;\n margin-bottom: 28px;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n }\n\n .form-group.full-width { grid-column: 1 \/ -1; }\n\n .form-label {\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-bottom: 8px;\n }\n\n .form-label .required {\n color: var(--wine-accent);\n margin-left: 2px;\n }\n\n .form-input {\n font-family: 'Playfair Display', serif;\n font-size: 0.95rem;\n padding: 12px 16px;\n border: 1px solid var(--border);\n border-radius: 8px;\n background: var(--cream);\n color: var(--text-dark);\n transition: border-color 0.25s, box-shadow 0.25s;\n outline: none;\n }\n\n .form-input::placeholder {\n color: #b0a090;\n font-style: italic;\n }\n\n .form-input:focus {\n border-color: var(--gold);\n box-shadow: 0 0 0 3px rgba(201,168,76,0.15);\n }\n\n \/* === DELIVERY OPTION === *\/\n .delivery-section {\n margin-bottom: 28px;\n }\n\n .delivery-options {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n\n .delivery-option {\n border: 1.5px solid var(--border);\n border-radius: 10px;\n padding: 20px;\n cursor: pointer;\n transition: all 0.25s;\n position: relative;\n }\n\n .delivery-option:hover { border-color: var(--gold-dim); }\n\n .delivery-option.active {\n border-color: var(--gold);\n background: rgba(201,168,76,0.06);\n box-shadow: 0 0 0 2px var(--gold);\n }\n\n .delivery-option input[type=\"radio\"] {\n position: absolute;\n opacity: 0;\n width: 0;\n height: 0;\n }\n\n .delivery-dot {\n width: 18px;\n height: 18px;\n border: 2px solid var(--border);\n border-radius: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n vertical-align: middle;\n transition: border-color 0.25s;\n }\n\n .delivery-dot::after {\n content: '';\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--gold);\n transform: scale(0);\n transition: transform 0.2s ease;\n }\n\n .delivery-option.active .delivery-dot {\n border-color: var(--gold);\n }\n\n .delivery-option.active .delivery-dot::after {\n transform: scale(1);\n }\n\n .delivery-title {\n font-size: 0.95rem;\n font-weight: 600;\n color: var(--text-dark);\n display: inline;\n vertical-align: middle;\n }\n\n .delivery-desc {\n font-size: 0.8rem;\n color: var(--text-muted);\n font-style: italic;\n margin-top: 8px;\n padding-left: 28px;\n line-height: 1.5;\n }\n\n \/* === ADDRESS FIELD === *\/\n .address-field {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, opacity 0.3s ease;\n opacity: 0;\n }\n\n .address-field.visible {\n max-height: 120px;\n opacity: 1;\n margin-top: 20px;\n }\n\n \/* === SUMMARY === *\/\n .summary-box {\n background: linear-gradient(135deg, var(--wine-dark), var(--wine-deep));\n border-radius: 12px;\n padding: 24px;\n margin-bottom: 28px;\n color: var(--cream);\n min-height: 60px;\n }\n\n .summary-title {\n font-size: 0.78rem;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 14px;\n }\n\n .summary-empty {\n font-style: italic;\n color: rgba(245,239,230,0.4);\n font-size: 0.88rem;\n }\n\n .summary-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 6px 0;\n border-bottom: 1px solid rgba(201,168,76,0.12);\n font-size: 0.88rem;\n }\n\n .summary-item:last-child { border-bottom: none; }\n\n .summary-wine-name { color: var(--cream); }\n .summary-wine-qty {\n color: var(--gold-light);\n font-weight: 600;\n white-space: nowrap;\n margin-left: 12px;\n }\n\n .summary-total {\n display: flex;\n justify-content: space-between;\n margin-top: 14px;\n padding-top: 14px;\n border-top: 1px solid rgba(201,168,76,0.25);\n font-size: 0.95rem;\n font-weight: 600;\n }\n\n .summary-total-label { color: var(--cream); }\n .summary-total-count { color: var(--gold); }\n\n \/* === SUBMIT === *\/\n .submit-btn {\n display: block;\n width: 100%;\n padding: 16px;\n background: linear-gradient(135deg, var(--wine-red), var(--wine-accent));\n color: var(--cream);\n border: none;\n border-radius: 10px;\n font-family: 'Playfair Display', serif;\n font-size: 1rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n }\n\n .submit-btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, var(--gold-dim), var(--gold));\n opacity: 0;\n transition: opacity 0.35s;\n }\n\n .submit-btn:hover::before { opacity: 1; }\n\n .submit-btn span {\n position: relative;\n z-index: 1;\n }\n\n .submit-btn:hover {\n transform: translateY(-1px);\n box-shadow: 0 6px 24px rgba(107,29,42,0.3);\n }\n\n .submit-btn:active { transform: translateY(0); }\n\n \/* === FOOTER === *\/\n .footer {\n text-align: center;\n padding: 40px 20px;\n font-size: 0.78rem;\n color: var(--text-muted);\n font-style: italic;\n letter-spacing: 0.04em;\n position: relative;\n z-index: 1;\n }\n\n .footer::before {\n content: '';\n display: block;\n width: 50px;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\n margin: 0 auto 20px;\n }\n\n \/* === TOAST === *\/\n .toast {\n position: fixed;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%) translateY(100px);\n background: var(--wine-dark);\n color: var(--cream);\n padding: 16px 32px;\n border-radius: 10px;\n font-family: 'Playfair Display', serif;\n font-size: 0.9rem;\n box-shadow: var(--shadow-lg);\n z-index: 100;\n opacity: 0;\n transition: all 0.4s ease;\n border: 1px solid var(--gold-dim);\n }\n\n .toast.show {\n transform: translateX(-50%) translateY(0);\n opacity: 1;\n }\n\n \/* === ANIMATIONS === *\/\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .wine-card {\n animation: fadeUp 0.5s ease both;\n }\n\n .wines-grid .wine-card:nth-child(1) { animation-delay: 0.05s; }\n .wines-grid .wine-card:nth-child(2) { animation-delay: 0.1s; }\n .wines-grid .wine-card:nth-child(3) { animation-delay: 0.15s; }\n\n .form-section { animation: fadeUp 0.6s ease 0.2s both; }\n\n \/* === RESPONSIVE === *\/\n @media (max-width: 900px) {\n .wines-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }\n }\n @media (max-width: 640px) {\n .form-grid { grid-template-columns: 1fr; }\n .delivery-options { grid-template-columns: 1fr; }\n .wines-grid { grid-template-columns: 1fr; }\n .header { padding: 40px 20px 28px; }\n .form-section { padding: 24px 18px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<header class=\"header\">\n <div class=\"brand\">Supa.<span>WalliserWii<\/span><\/div>\n <p class=\"header-sub\">Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci <\/p>\n<\/header>\n\n<main class=\"container\">\n\n \n <div class=\"section-title\">Wybierz wino<\/div>\n <div class=\"section-line\"><\/div>\n\n \n <div class=\"category-header\">\n <span class=\"category-label\">Wina czerwone<\/span>\n <\/div>\n <div class=\"wines-grid\" id=\"grid-red\">\n <div class=\"wine-card\" data-wine=\"AOC Valais 2025 Cuv\u00e9e Rouge\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png\" alt=\"Cuv\u00e9e Rouge\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-red\">Czerwone<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Valais 2025 Cuv\u00e9e Rouge<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2023 Pinot Noir\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-1-e1772444092919.webp\" alt=\"Pinot Noir\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-red\">Czerwone<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2023 Pinot Noir<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2024 HuusWii Rot\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-1-e1772444092919.webp\" alt=\"HuusWii Rot\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-red\">Czerwone<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2024 HuusWii Rot<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"category-header\">\n <span class=\"category-label\">Wina bia\u0142e<\/span>\n <\/div>\n <div class=\"wines-grid\" id=\"grid-white\">\n <div class=\"wine-card\" data-wine=\"AOC Valais Cuv\u00e9e Blanc 2025\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/winosupa1-e1773217586243.webp\" alt=\"Cuv\u00e9e Blanc\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-white\">Bia\u0142e<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Valais Cuv\u00e9e Blanc 2025<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2023 Sweet Johaan\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-2.webp\" alt=\"Sweet Johaan\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-white\">Bia\u0142e<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2023 Sweet Johaan<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"wine-card\" data-wine=\"AOC Wallis 2023 Dessert Solaris\">\n <div class=\"wine-img-wrap\">\n <img decoding=\"async\" src=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/03\/Kopia-\u2013-opinie-matplus-kwadrat1200x1200-3.webp\" alt=\"Dessert Solaris\" loading=\"lazy\">\n <span class=\"wine-type-badge badge-white\">Bia\u0142e<\/span>\n <\/div>\n <div class=\"wine-info\">\n <div class=\"wine-name\">AOC Wallis 2023 Dessert Solaris<\/div>\n <div class=\"wine-qty\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,-1)\">\u2212<\/button>\n <input class=\"qty-input\" type=\"number\" min=\"0\" max=\"99\" value=\"0\" onchange=\"handleInput(this)\">\n <button class=\"qty-btn\" onclick=\"changeQty(this,1)\">+<\/button>\n <span class=\"qty-label\">butelek<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-section\">\n <div class=\"section-title\">Twoje dane<\/div>\n <div class=\"section-line\"><\/div>\n\n <div class=\"form-grid\">\n <div class=\"form-group\">\n <label class=\"form-label\">Imi\u0119 i nazwisko <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"text\" id=\"name\" placeholder=\"Jan Kowalski\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">E-Mail <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"email\" id=\"email\" placeholder=\"jan@przyk\u0142ad.ch\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Numer telefonu <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"tel\" id=\"phone\" placeholder=\"+41 79 000 00 00\" required>\n <\/div>\n <div class=\"form-group\">\n <label class=\"form-label\">Mieszkanie \/ dodatkowe info<\/label>\n <input class=\"form-input\" type=\"text\" id=\"apartment\" placeholder=\"Nr mieszkania, pi\u0119tro itp.\">\n <\/div>\n <\/div>\n\n \n <div class=\"delivery-section\">\n <label class=\"form-label\" style=\"margin-bottom:14px; display:block;\">Dostawa <span class=\"required\">*<\/span><\/label>\n <div class=\"delivery-options\">\n <label class=\"delivery-option active\" id=\"opt-delivery\" onclick=\"setDelivery('delivery')\">\n <input type=\"radio\" name=\"delivery\" value=\"delivery\" checked>\n <span class=\"delivery-dot\"><\/span>\n <span class=\"delivery-title\">Dostawa pod drzwi<\/span>\n <div class=\"delivery-desc\">Dostawa do max. 25 km od Brig<\/div>\n <\/label>\n <label class=\"delivery-option\" id=\"opt-pickup\" onclick=\"setDelivery('pickup')\">\n <input type=\"radio\" name=\"delivery\" value=\"pickup\">\n <span class=\"delivery-dot\"><\/span>\n <span class=\"delivery-title\">Odbi\u00f3r osobisty<\/span>\n <div class=\"delivery-desc\">Nordstrasse 30, 3900 Brig<\/div>\n <\/label>\n <\/div>\n\n <div class=\"address-field visible\" id=\"address-wrap\">\n <div class=\"form-group\">\n <label class=\"form-label\">Adres dostawy <span class=\"required\">*<\/span><\/label>\n <input class=\"form-input\" type=\"text\" id=\"address\" placeholder=\"Ulica, kod pocztowy, miejscowo\u015b\u0107\">\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"summary-box\">\n <div class=\"summary-title\">Twoje zam\u00f3wienie<\/div>\n <div id=\"summary-content\">\n <div class=\"summary-empty\">Nie wybrano jeszcze \u017cadnego wina<\/div>\n <\/div>\n <\/div>\n\n \n <button class=\"submit-btn\" onclick=\"submitOrder()\">\n <span>Z\u0142\u00f3\u017c zam\u00f3wienie<\/span>\n <\/button>\n <\/div>\n\n<\/main>\n\n<footer class=\"footer\">\n Supa.WalliserWii \u2014 Wina z Wallis tworzone z pasj\u0105\n<\/footer>\n\n<div class=\"toast\" id=\"toast\"><\/div>\n\n<script>\n function changeQty(btn, delta) {\n const wrap = btn.closest('.wine-qty');\n const input = wrap.querySelector('.qty-input');\n let val = parseInt(input.value) || 0;\n val = Math.max(0, Math.min(99, val + delta));\n input.value = val;\n updateCard(input);\n updateSummary();\n }\n\n function handleInput(input) {\n let val = parseInt(input.value) || 0;\n val = Math.max(0, Math.min(99, val));\n input.value = val;\n updateCard(input);\n updateSummary();\n }\n\n function updateCard(input) {\n const card = input.closest('.wine-card');\n if (parseInt(input.value) > 0) {\n card.classList.add('selected');\n } else {\n card.classList.remove('selected');\n }\n }\n\n function getSelections() {\n const items = [];\n document.querySelectorAll('.wine-card').forEach(card => {\n const qty = parseInt(card.querySelector('.qty-input').value) || 0;\n if (qty > 0) {\n items.push({ name: card.dataset.wine, qty });\n }\n });\n return items;\n }\n\n function updateSummary() {\n const items = getSelections();\n const el = document.getElementById('summary-content');\n if (items.length === 0) {\n el.innerHTML = '<div class=\"summary-empty\">Nie wybrano jeszcze \u017cadnego wina<\/div>';\n return;\n }\n let total = 0;\n let html = '';\n items.forEach(i => {\n total += i.qty;\n html += `<div class=\"summary-item\">\n <span class=\"summary-wine-name\">${i.name}<\/span>\n <span class=\"summary-wine-qty\">${i.qty} szt.<\/span>\n <\/div>`;\n });\n html += `<div class=\"summary-total\">\n <span class=\"summary-total-label\">Razem<\/span>\n <span class=\"summary-total-count\">${total} butel${total === 1 ? 'ka' : total < 5 ? 'ki' : 'ek'}<\/span>\n <\/div>`;\n el.innerHTML = html;\n }\n\n function setDelivery(type) {\n const optD = document.getElementById('opt-delivery');\n const optP = document.getElementById('opt-pickup');\n const addrWrap = document.getElementById('address-wrap');\n\n if (type === 'delivery') {\n optD.classList.add('active');\n optP.classList.remove('active');\n optD.querySelector('input').checked = true;\n addrWrap.classList.add('visible');\n } else {\n optP.classList.add('active');\n optD.classList.remove('active');\n optP.querySelector('input').checked = true;\n addrWrap.classList.remove('visible');\n }\n }\n\n function showToast(msg, isError) {\n const t = document.getElementById('toast');\n t.textContent = msg;\n t.style.borderColor = isError ? '#6b3a3a' : '#b87318';\n t.classList.add('show');\n setTimeout(() => t.classList.remove('show'), 3500);\n }\n\n \/\/ =====================================================\n \/\/ WA\u017bNE: Wklej sw\u00f3j Access Key z https:\/\/web3forms.com\n \/\/ =====================================================\n const WEB3FORMS_KEY = '90ddc642-47a2-49d2-ad2e-71369b855674';\n\n async function submitOrder() {\n const name = document.getElementById('name').value.trim();\n const email = document.getElementById('email').value.trim();\n const phone = document.getElementById('phone').value.trim();\n const apartment = document.getElementById('apartment').value.trim();\n const deliveryType = document.querySelector('input[name=\"delivery\"]:checked').value;\n const address = document.getElementById('address').value.trim();\n const items = getSelections();\n\n \/\/ Walidacja\n if (!name || !email || !phone) {\n showToast('Prosz\u0119 wype\u0142ni\u0107 wszystkie wymagane pola.', true);\n return;\n }\n\n if (items.length === 0) {\n showToast('Prosz\u0119 wybra\u0107 przynajmniej jedno wino.', true);\n return;\n }\n\n if (deliveryType === 'delivery' && !address) {\n showToast('Prosz\u0119 poda\u0107 adres dostawy.', true);\n return;\n }\n\n const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n if (!emailRegex.test(email)) {\n showToast('Prosz\u0119 poda\u0107 prawid\u0142owy adres e-mail.', true);\n return;\n }\n\n \/\/ Przygotuj list\u0119 win\n const totalBottles = items.reduce((s, i) => s + i.qty, 0);\n const wineList = items.map(i => `\u2022 ${i.name} \u2014 ${i.qty} szt.`).join('\\n');\n\n const deliveryText = deliveryType === 'delivery'\n ? `Dostawa pod adres: ${address}${apartment ? ', ' + apartment : ''}`\n : 'Odbi\u00f3r osobisty: Nordstrasse 30, 3900 Brig';\n\n \/\/ Wy\u015blij przez Web3Forms\n const btn = document.querySelector('.submit-btn');\n btn.disabled = true;\n btn.querySelector('span').textContent = 'Wysy\u0142anie...';\n\n try {\n const response = await fetch('https:\/\/api.web3forms.com\/submit', {\n method: 'POST',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify({\n access_key: WEB3FORMS_KEY,\n subject: `\ud83c\udf77 Nowe zam\u00f3wienie wina \u2014 ${name} (${totalBottles} butelek)`,\n from_name: 'Supa.WalliserWii \u2014 Formularz zam\u00f3wie\u0144',\n \/\/ Dane klienta\n 'Imi\u0119 i nazwisko': name,\n 'E-mail': email,\n 'Telefon': phone,\n 'Mieszkanie \/ dodatkowe info': apartment || '\u2014',\n 'Spos\u00f3b dostawy': deliveryText,\n 'Zam\u00f3wione wina': wineList,\n '\u0141\u0105czna liczba butelek': totalBottles,\n \/\/ Kopia do klienta\n replyto: email\n })\n });\n\n const result = await response.json();\n\n if (result.success) {\n showToast('Dzi\u0119kujemy! Zam\u00f3wienie zosta\u0142o wys\u0142ane.', false);\n \/\/ Reset formularza\n document.getElementById('name').value = '';\n document.getElementById('email').value = '';\n document.getElementById('phone').value = '';\n document.getElementById('apartment').value = '';\n document.getElementById('address').value = '';\n document.querySelectorAll('.qty-input').forEach(inp => {\n inp.value = 0;\n inp.closest('.wine-card').classList.remove('selected');\n });\n updateSummary();\n } else {\n showToast('B\u0142\u0105d wysy\u0142ki. Spr\u00f3buj ponownie.', true);\n }\n } catch (err) {\n console.error('Web3Forms error:', err);\n showToast('B\u0142\u0105d po\u0142\u0105czenia. Sprawd\u017a internet i spr\u00f3buj ponownie.', true);\n } finally {\n btn.disabled = false;\n btn.querySelector('span').textContent = 'Z\u0142\u00f3\u017c zam\u00f3wienie';\n }\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Supa.WalliserWii \u2014 Zam\u00f3wienie Supa.WalliserWii Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci Wybierz wino Wina czerwone Czerwone AOC Valais 2025 Cuv\u00e9e Rouge \u2212 + butelek Czerwone AOC Wallis 2023 Pinot Noir \u2212 + butelek Czerwone AOC Wallis 2024 HuusWii Rot \u2212 + butelek Wina bia\u0142e Bia\u0142e AOC Valais Cuv\u00e9e Blanc 2025 \u2212 + butelek Bia\u0142e AOC Wallis…<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Zam\u00f3wienie - WalliserWii<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/walliserwii.ch\/de\/zamowienie\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zam\u00f3wienie - WalliserWii\" \/>\n<meta property=\"og:description\" content=\"Supa.WalliserWii \u2014 Zam\u00f3wienie Supa.WalliserWii Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci Wybierz wino Wina czerwone Czerwone AOC Valais 2025 Cuv\u00e9e Rouge \u2212 + butelek Czerwone AOC Wallis 2023 Pinot Noir \u2212 + butelek Czerwone AOC Wallis 2024 HuusWii Rot \u2212 + butelek Wina bia\u0142e Bia\u0142e AOC Valais Cuv\u00e9e Blanc 2025 \u2212 + butelek Bia\u0142e AOC Wallis...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/walliserwii.ch\/de\/zamowienie\/\" \/>\n<meta property=\"og:site_name\" content=\"WalliserWii\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T14:33:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/\",\"name\":\"Zam\u00f3wienie - WalliserWii\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/supawino-e1772443889197.png\",\"datePublished\":\"2026-01-30T19:54:14+00:00\",\"dateModified\":\"2026-04-07T14:33:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#breadcrumb\"},\"inLanguage\":\"de-CH\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#primaryimage\",\"url\":\"http:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/supawino-e1772443889197.png\",\"contentUrl\":\"http:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/supawino-e1772443889197.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/zamowienie\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/walliserwii.ch\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zam\u00f3wienie\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#website\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/\",\"name\":\"WalliserWii\",\"description\":\"Ein Gute tropfen\",\"publisher\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/walliserwii.ch\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-CH\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#organization\",\"name\":\"WalliserWii\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-CH\",\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Projekt-bez-nazwy-38.webp\",\"contentUrl\":\"https:\\\/\\\/walliserwii.ch\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Projekt-bez-nazwy-38.webp\",\"width\":125,\"height\":125,\"caption\":\"WalliserWii\"},\"image\":{\"@id\":\"https:\\\/\\\/walliserwii.ch\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Zam\u00f3wienie - WalliserWii","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/walliserwii.ch\/de\/zamowienie\/","og_locale":"de_DE","og_type":"article","og_title":"Zam\u00f3wienie - WalliserWii","og_description":"Supa.WalliserWii \u2014 Zam\u00f3wienie Supa.WalliserWii Zam\u00f3wienie wina \u2014 Wina najwy\u017cszej jako\u015bci Wybierz wino Wina czerwone Czerwone AOC Valais 2025 Cuv\u00e9e Rouge \u2212 + butelek Czerwone AOC Wallis 2023 Pinot Noir \u2212 + butelek Czerwone AOC Wallis 2024 HuusWii Rot \u2212 + butelek Wina bia\u0142e Bia\u0142e AOC Valais Cuv\u00e9e Blanc 2025 \u2212 + butelek Bia\u0142e AOC Wallis...","og_url":"https:\/\/walliserwii.ch\/de\/zamowienie\/","og_site_name":"WalliserWii","article_modified_time":"2026-04-07T14:33:39+00:00","og_image":[{"url":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/walliserwii.ch\/zamowienie\/","url":"https:\/\/walliserwii.ch\/zamowienie\/","name":"Zam\u00f3wienie - WalliserWii","isPartOf":{"@id":"https:\/\/walliserwii.ch\/#website"},"primaryImageOfPage":{"@id":"https:\/\/walliserwii.ch\/zamowienie\/#primaryimage"},"image":{"@id":"https:\/\/walliserwii.ch\/zamowienie\/#primaryimage"},"thumbnailUrl":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png","datePublished":"2026-01-30T19:54:14+00:00","dateModified":"2026-04-07T14:33:39+00:00","breadcrumb":{"@id":"https:\/\/walliserwii.ch\/zamowienie\/#breadcrumb"},"inLanguage":"de-CH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/walliserwii.ch\/zamowienie\/"]}]},{"@type":"ImageObject","inLanguage":"de-CH","@id":"https:\/\/walliserwii.ch\/zamowienie\/#primaryimage","url":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png","contentUrl":"http:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/supawino-e1772443889197.png"},{"@type":"BreadcrumbList","@id":"https:\/\/walliserwii.ch\/zamowienie\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/walliserwii.ch\/"},{"@type":"ListItem","position":2,"name":"Zam\u00f3wienie"}]},{"@type":"WebSite","@id":"https:\/\/walliserwii.ch\/#website","url":"https:\/\/walliserwii.ch\/","name":"Walliser Wein","description":"Ein Gute tropfen","publisher":{"@id":"https:\/\/walliserwii.ch\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/walliserwii.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-CH"},{"@type":"Organization","@id":"https:\/\/walliserwii.ch\/#organization","name":"Walliser Wein","url":"https:\/\/walliserwii.ch\/","logo":{"@type":"ImageObject","inLanguage":"de-CH","@id":"https:\/\/walliserwii.ch\/#\/schema\/logo\/image\/","url":"https:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/Projekt-bez-nazwy-38.webp","contentUrl":"https:\/\/walliserwii.ch\/wp-content\/uploads\/2026\/02\/Projekt-bez-nazwy-38.webp","width":125,"height":125,"caption":"WalliserWii"},"image":{"@id":"https:\/\/walliserwii.ch\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":8,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/pages\/25\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/walliserwii.ch\/de\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}