/* global React */
const { useState, useEffect, useRef, useMemo } = React;
// ============ Icons (Lucide-style strokes) ============
const Icon = ({ name, size = 20, stroke = 2, ...p }) => {
const s = { width: size, height: size, fill: 'none', stroke: 'currentColor', strokeWidth: stroke, strokeLinecap: 'round', strokeLinejoin: 'round' };
const d = {
arrowRight: <>,
arrowLeft: <>,
truck: <>,
shield: <>,
lock: <>,
gift: <>,
heart: <>,
trash: <>,
plus: <>,
minus: <>,
check: <>,
checkCircle: <>,
x: <>,
tag: <>,
note: <>,
clock: <>,
package: <>,
rotate: <>,
cart: <>,
chev: <>,
flask: <>,
sparkles: <>,
user: <>,
search: <>,
phone: <>,
// v0.7.5 A4: brand glyphs for footer social. Real namaximum.sk
// wires only Facebook, Instagram, YouTube via socialsLinks - no
// TikTok. We render them as filled brand marks (fill='currentColor')
// so the existing .p-foot-soc / .pdp-d-ft-soc treatments (white pill
// on dark footer) keep working.
facebook: <>,
instagram: <>,
youtube: <>
};
return ;
};
window.Icon = Icon;
// ============ Product visuals (brandless supplement containers) ============
// kind: 'tub-lg' | 'tub' | 'bottle' | 'sachet' | 'shaker' | 'bar'
const ProductVisual = ({ kind = 'tub', color = '#0077BC', label = '', sub = '' }) => {
const W = 90, H = 110;
const common = { width: '100%', height: '100%', viewBox: `0 0 ${W} ${H}`, preserveAspectRatio: 'xMidYMid meet' };
if (kind === 'bottle' || kind === 'bottle-sm') {
// Pill bottle — shorter, narrower
return (
);
}
if (kind === 'sachet') {
return (
);
}
if (kind === 'shaker') {
return (
);
}
if (kind === 'bar') {
return (
);
}
// default — tub (powder container). 'tub-lg' is slightly taller
const tall = kind === 'tub-lg';
const bodyTop = tall ? 22 : 28;
return (
);
};
window.ProductVisual = ProductVisual;