WhistlePig GraveStock Puts Spritz Season Six Feet Under

.kirk-survey *, .kirk-survey *::before, .kirk-survey *::after { box-sizing: border-box; margin: 0; padding: 0; }

.kirk-survey {
font-family: “Open sans”, sans-serif;
background: #ffffff;
border: 2px dashed #c9a84c;
border-radius: 4px;
padding: 18px 16px 14px;
color: #3a2e1e;
max-width: 100%;
}

.kirk-survey__title {
font-family: dt-serif, Georgia, serif;
color: #a68c57;
text-align: center;
font-size: 30px;
font-weight: 700;
margin-bottom: 4px;
line-height: 1.25;
}

.kirk-survey__sub {
text-align: center;
font-size: 0.85rem;
color: #7a6a55;
margin-bottom: 12px;
line-height: 1.35;
}

.kirk-survey__summary {
background: #faf8f4;
border: 1px solid #d9cbb8;
border-radius: 3px;
padding: 10px 12px;
margin-bottom: 12px;
}

.kirk-survey__summary-title {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.07em;
color: #7a6a55;
font-weight: 700;
margin-bottom: 8px;
}

.kirk-survey__rows { display: flex; flex-direction: column; gap: 6px; }

.kirk-survey__row {
display: flex;
align-items: center;
gap: 10px;
}

.kirk-survey__rnum {
flex: 0 0 auto;
width: 22px;
height: 22px;
border-radius: 50%;
border: 2px dashed #d9cbb8;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 12px;
color: #d9cbb8;
transition: all 0.15s ease;
}

.kirk-survey__row–filled .kirk-survey__rnum {
border-style: solid;
border-color: #a68c57;
background: #a68c57;
color: #fff;
}

.kirk-survey__rname {
font-size: 0.88rem;
color: #7a6a55;
font-style: italic;
}

.kirk-survey__row–filled .kirk-survey__rname {
color: #3a2e1e;
font-style: normal;
font-weight: 600;
}

.kirk-survey__opts { list-style: none; margin: 0; padding: 0; }

.kirk-survey__opt {
display: flex;
align-items: center;
gap: 10px;
background: #ffffff;
border: 1px solid #d9cbb8;
border-radius: 3px;
padding: 10px 12px;
margin-bottom: 6px;
cursor: pointer;
user-select: none;
transition: border-color 0.15s ease, background 0.15s ease;
}

.kirk-survey__opt:hover { border-color: #a68c57; }
.kirk-survey__opt:focus-visible { outline: 2px solid #a68c57; outline-offset: 2px; }

.kirk-survey__opt–chosen {
border-color: #a68c57;
background: #f5f0e6;
}

.kirk-survey__opt–locked {
opacity: 0.45;
cursor: not-allowed;
}

.kirk-survey__badge {
flex: 0 0 auto;
width: 26px;
height: 26px;
border-radius: 50%;
border: 2px solid #d9cbb8;
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
font-size: 13px;
color: #7a6a55;
transition: all 0.15s ease;
}

.kirk-survey__opt–chosen .kirk-survey__badge {
border-color: #a68c57;
background: #a68c57;
color: #fff;
}

.kirk-survey__name {
font-size: 0.9rem;
font-weight: 600;
color: #3a2e1e;
line-height: 1.25;
}

.kirk-survey__msg {
min-height: 18px;
margin: 4px 0 8px;
font-size: 0.85rem;
}

.kirk-survey__msg–warn { color: #a3521a; }
.kirk-survey__msg–ok { color: #2e6b2e; }

.kirk-survey__actions {
display: flex;
align-items: center;
gap: 14px;
margin-top: 4px;
}

.kirk-survey__submit {
background: #a68c57;
color: #fff;
border: none;
padding: 11px 28px;
font-family: “Open sans”, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
cursor: pointer;
border-radius: 2px;
transition: background 0.2s;
white-space: nowrap;
}

.kirk-survey__submit:hover { background: #7a5820; }
.kirk-survey__submit:disabled { background: #bfab88; cursor: not-allowed; }

.kirk-survey__reset {
color: #7a6a55;
font-size: 0.85rem;
text-decoration: underline;
cursor: pointer;
}

.kirk-survey__reset–hidden { visibility: hidden; }

.kirk-survey__success, .kirk-survey__error {
text-align: center;
padding: 14px;
font-size: 0.95rem;
border-radius: 3px;
margin-top: 10px;
}

.kirk-survey__success { background: #eaf5ea; color: #2e6b2e; border: 1px solid #a3c9a3; }
.kirk-survey__error { background: #fdf0f0; color: #9b2626; border: 1px solid #e8a0a0; }

.kirk-survey__success:focus { outline: none; }

.kirk-survey__done-list {
margin: 10px auto 0;
padding-left: 22px;
text-align: left;
display: inline-block;
color: #3a2e1e;
}

.kirk-survey__done-list li { margin-bottom: 4px; font-size: 0.9rem; }

(function () {
const WHISKEYS = [
{ id: ’12-year-blended-scotch’, name: ’12-Year-Old Blended Scotch’ },
{ id: ‘bottled-in-bond-bourbon’, name: ‘Bottled-in-Bond Bourbon’ },
{ id: ‘irish-whiskey’, name: ‘Irish Whiskey’ },
{ id: ‘islay-single-malt’, name: ‘Islay Single Malt’ },
{ id: ‘kentucky-straight-bourbon’, name: ‘Kentucky Straight Bourbon’ },
{ id: ‘single-barrel-bourbon’, name: ‘Single Barrel Bourbon’ },
{ id: ‘small-batch-bourbon’, name: ‘Small Batch Bourbon’ },
{ id: ‘speyside-highland-single-malt’, name: ‘Speyside / Highland Single Malt’ },
{ id: ‘tennessee-whiskey’, name: ‘Tennessee Whiskey’ }
];
const MAX = 3;
const PLACEHOLDERS = [‘Tap your favourite…’, ‘Then your second…’, ‘Then your third…’];

let chosen = [];
let submitted = false;

const body = document.getElementById(‘kirk-body’);
const opts = document.getElementById(‘kirk-opts’);
const msg = document.getElementById(‘kirk-msg’);
const submit = document.getElementById(‘kirk-submit’);
const reset = document.getElementById(‘kirk-reset’);
const success = document.getElementById(‘kirk-success’);
const error = document.getElementById(‘kirk-error’);
const doneList = document.getElementById(‘kirk-done-list’);
const rows = Array.from(document.querySelectorAll(‘.kirk-survey__row’));

WHISKEYS.forEach(function (w, i) {
const li = document.createElement(‘li’);
li.className=”kirk-survey__opt”;
li.tabIndex = 0;
li.dataset.i = String(i);
li.setAttribute(‘role’, ‘button’);
li.innerHTML =
‘‘ +
‘‘ + w.name + ‘‘;
li.addEventListener(‘click’, function () { toggle(i); });
li.addEventListener(‘keydown’, function (e) {
if (e.key === ‘Enter’ || e.key === ‘ ‘) {
e.preventDefault();
toggle(i);
}
});
opts.appendChild(li);
});

function toggle(i) {
if (submitted) return;
const pos = chosen.indexOf(i);
if (pos > -1) {
chosen.splice(pos, 1);
flash(”);
} else if (chosen.length >= MAX) {
flash(‘You can only pick three — tap one to remove it first.’, ‘warn’);
} else {
chosen.push(i);
flash(”);
}
render();
}

function render() {
Array.from(opts.children).forEach(function (li, i) {
const pos = chosen.indexOf(i);
const badge = li.querySelector(‘.kirk-survey__badge’);
if (pos > -1) {
li.classList.add(‘kirk-survey__opt–chosen’);
li.classList.remove(‘kirk-survey__opt–locked’);
badge.textContent = String(pos + 1);
} else {
li.classList.remove(‘kirk-survey__opt–chosen’);
badge.textContent=””;
li.classList.toggle(‘kirk-survey__opt–locked’, chosen.length >= MAX);
}
});

rows.forEach(function (row, k) {
const name = row.querySelector(‘.kirk-survey__rname’);
if (k < chosen.length) {
row.classList.add('kirk-survey__row–filled');
name.textContent = WHISKEYS[chosen[k]].name;
} else {
row.classList.remove('kirk-survey__row–filled');
name.textContent = PLACEHOLDERS[k];
}
});

submit.disabled = chosen.length !== MAX || submitted;
reset.classList.toggle('kirk-survey__reset–hidden', chosen.length === 0 && !submitted);
}

function flash(text, kind) {
msg.textContent = text;
msg.className = 'kirk-survey__msg' + (kind ? ' kirk-survey__msg–' + kind : '');
}

submit.addEventListener('click', async function () {
if (chosen.length !== MAX || submitted) {
flash('Pick three to continue.', 'warn');
return;
}

const payload = {
survey: 'kirkland-signature',
first: WHISKEYS[chosen[0]].id,
second: WHISKEYS[chosen[1]].id,
third: WHISKEYS[chosen[2]].id,
submitted_at: new Date().toISOString(),
page_url: window.location.href,
};

submit.disabled = true;
submit.textContent = 'Sending…';
error.style.display = 'none';

try {
const res = await fetch('https://thewhiskeywash.com/survey-proxy.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload),
});

if (!res.ok) throw new Error('Server returned ' + res.status);

submitted = true;
doneList.innerHTML = '';
chosen.forEach(function (i) {
const li = document.createElement('li');
li.textContent = WHISKEYS[i].name;
doneList.appendChild(li);
});
body.style.display = 'none';
error.style.display = 'none';
success.style.display = 'block';
success.focus({ preventScroll: true });
success.scrollIntoView({ behavior: 'smooth', block: 'start' });

} catch (err) {
console.error('Survey error:', err);
error.style.display = 'block';
submit.disabled = false;
submit.textContent = 'SUBMIT';
}
});

reset.addEventListener('click', function () {
chosen = [];
submitted = false;
body.style.display = '';
success.style.display = 'none';
error.style.display = 'none';
flash('');
submit.textContent = 'SUBMIT';
render();
});

render();
})();