.hpp-root{--hpp-bg: #331a0d;--hpp-card: #ffffff;--hpp-ink: #f8f1e2;--hpp-accent: #e8763d;--hpp-btn-p-bg: #e8763d;--hpp-btn-p-ink: #1c0e07;--hpp-btn-s-bg: #f0c417;--hpp-btn-s-ink: #1c0e07;--hpp-card-ink: #000000;--hpp-deep: #1c0e07;--hpp-bg-top: color-mix(in srgb, var(--hpp-accent) 38%, #000000);--hpp-ink-soft: color-mix(in srgb, var(--hpp-ink) 74%, transparent);--hpp-card-ink-soft: color-mix(in srgb, var(--hpp-card-ink) 62%, var(--hpp-card));--hpp-line: color-mix(in srgb, var(--hpp-accent) 25%, transparent);--hpp-accent-deep: color-mix(in srgb, var(--hpp-accent) 72%, #000000);--hpp-accent-bright: color-mix(in srgb, var(--hpp-accent) 90%, #ffffff);--hpp-chip: color-mix(in srgb, var(--hpp-ink) 8%, transparent);--hpp-shadow: 0 8px 24px color-mix(in srgb, var(--hpp-deep) 45%, transparent);--hpp-shadow-hover: 0 16px 36px color-mix(in srgb, var(--hpp-deep) 60%, transparent);--hpp-radius: 14px;--hpp-max-w: 1240px;--hpp-card-max: 300px;font-family:Figtree,sans-serif;color:var(--hpp-ink)}.hpp-root{position:relative;background:linear-gradient(0deg,var(--hpp-bg-top) 0%,var(--hpp-bg) 100%);padding:calc(clamp(28px,4vw,48px) + 20px) clamp(14px,3vw,36px) calc(clamp(24px,3vw,40px) + 20px);overflow:hidden;isolation:isolate}.hpp-root *,.hpp-root *:before,.hpp-root *:after{box-sizing:border-box}.hpp-head{display:flex;align-items:center;gap:14px;max-width:var(--hpp-max-w);margin:0 auto 8px;flex-wrap:wrap}.hpp-head__icon{width:clamp(36px,4vw,48px);height:auto;flex:none;color:var(--hpp-ink)}.hpp-head__titles{flex:1 1 auto;min-width:220px}.hpp-head__title{margin:0;font-size:clamp(24px,3.4vw,38px);font-weight:800;letter-spacing:.4px;line-height:1.15;color:var(--hpp-ink)}.hpp-head__title em{font-style:normal;color:var(--hpp-accent-bright)}.hpp-head__sub{margin:6px 0 0;font-size:15px;line-height:1.5;color:var(--hpp-ink-soft)}.hpp-count{display:none;align-items:baseline;gap:8px;margin-left:auto;padding:8px 14px;border:1px solid var(--hpp-line);border-radius:12px;background:var(--hpp-chip);font-variant-numeric:tabular-nums}.hpp-root[data-state=active][data-has-count] .hpp-count{display:flex}.hpp-count__label{font-size:13px;color:var(--hpp-ink-soft);line-height:1.5}.hpp-count__time{font-size:20px;font-weight:800;color:var(--hpp-ink);font-variant-numeric:tabular-nums}.hpp-statebar{display:none;max-width:var(--hpp-max-w);margin:0 auto 16px;padding:12px 18px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--hpp-accent) 40%,transparent);background:var(--hpp-chip);color:var(--hpp-ink);font-size:15px;line-height:1.5;text-align:center}.hpp-root[data-state=upcoming] .hpp-statebar,.hpp-root[data-state=ended] .hpp-statebar{display:block}.hpp-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--hpp-cols, 4),minmax(0,var(--hpp-card-max)));justify-content:center;gap:clamp(12px,1.6vw,22px);width:100%;max-width:var(--hpp-max-w);margin:0 auto}.hpp-card{position:relative;display:flex;flex-direction:column;background:var(--hpp-card);border:1px solid var(--hpp-line);border-radius:var(--hpp-radius);box-shadow:var(--hpp-shadow);transition:transform .25s ease,box-shadow .25s ease;scroll-snap-align:center}@media(hover:hover){.hpp-card:hover{transform:translateY(-4px);box-shadow:var(--hpp-shadow-hover)}}.hpp-thumb{padding:10px;background:var(--hpp-card);border-radius:var(--hpp-radius) var(--hpp-radius) 0 0}.hpp-thumb__frame{position:relative;aspect-ratio:4 / 5;background:var(--hpp-card);border-radius:10px;overflow:hidden;display:grid;place-items:center}.hpp-thumb__link{display:block;width:100%;height:100%}.hpp-thumb__img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .25s ease}.hpp-thumb--error .hpp-thumb__img{display:none}.hpp-thumb__fallback{display:none;font-size:14px;line-height:1.5;color:var(--hpp-card-ink-soft);text-align:center;padding:20px}.hpp-thumb--error .hpp-thumb__fallback{display:block}.hpp-tag{position:absolute;top:10px;left:10px;z-index:2;padding:5px 12px;border-radius:999px;background:var(--hpp-deep);color:var(--hpp-ink);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;line-height:1.5}.hpp-promo{position:absolute;top:10px;right:10px;z-index:2;padding:5px 10px;border-radius:999px;background:var(--hpp-accent);color:var(--hpp-deep);font-size:13px;font-weight:800;line-height:1.5;font-variant-numeric:tabular-nums;transition:background-color .2s ease}@media(hover:hover){.hpp-promo{background:var(--hpp-accent-deep);color:#fff}}.hpp-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;flex:1}.hpp-title{margin:0;font-size:15px;font-weight:700;line-height:1.5;color:var(--hpp-card-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.hpp-title a{color:inherit;text-decoration:none}.hpp-title a:focus-visible{outline:none}.hpp-title a:focus-visible .hpp-title__txt{text-decoration:underline}.hpp-vrow{display:flex;align-items:center;gap:10px}.hpp-vname{flex:none;width:56px;font-size:13px;line-height:1.5;color:var(--hpp-card-ink-soft)}.hpp-opts{display:flex;flex-wrap:wrap;gap:6px}.hpp-opt{min-height:44px;min-width:44px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--hpp-card-ink) 25%,transparent);border-radius:10px;background:transparent;color:var(--hpp-card-ink);font-family:inherit;font-size:13px;line-height:1.5;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.hpp-opt[aria-pressed=true]{background:var(--hpp-deep);border-color:var(--hpp-deep);color:var(--hpp-ink);font-weight:700}.hpp-opt:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.hpp-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;font-variant-numeric:tabular-nums}.hpp-price__compare{font-size:13px;color:var(--hpp-card-ink-soft);text-decoration:line-through;line-height:1.5}.hpp-price__now{font-size:20px;font-weight:800;color:var(--hpp-accent-deep);line-height:1.2}.hpp-card--no-promo .hpp-price__now{color:var(--hpp-card-ink)}.hpp-root[data-state=ended] .hpp-price,.hpp-root[data-state=ended] .hpp-actions{display:none}.hpp-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.hpp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5;cursor:pointer;text-decoration:none;transition:transform .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease}.hpp-btn--view{background:var(--hpp-btn-s-bg);color:var(--hpp-btn-s-ink)}.hpp-btn--cart{background:var(--hpp-btn-p-bg);color:var(--hpp-btn-p-ink)}.hpp-btn--busy{opacity:.72;cursor:progress;animation:hpp-busy-pulse .9s ease-in-out infinite}@keyframes hpp-busy-pulse{0%,to{opacity:.72}50%{opacity:.95}}.hpp-btn:disabled,.hpp-root[data-state=upcoming] .hpp-btn--cart{background:color-mix(in srgb,var(--hpp-card-ink) 10%,var(--hpp-card));color:color-mix(in srgb,var(--hpp-card-ink) 55%,var(--hpp-card));border-color:var(--hpp-line);cursor:not-allowed;opacity:.75}@media(hover:hover){.hpp-btn--view:hover{background:color-mix(in srgb,var(--hpp-btn-s-bg) 85%,var(--hpp-deep))}.hpp-btn--cart:hover{background:color-mix(in srgb,var(--hpp-btn-p-bg) 82%,#ffffff)}.hpp-btn:not(:disabled):hover{transform:translateY(-1px)}}.hpp-root a:focus-visible,.hpp-root button:focus-visible{outline:2px solid var(--hpp-accent);outline-offset:2px;border-radius:10px}.hpp-dots{display:none;gap:6px;justify-content:center;margin-top:14px}.hpp-dot{width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;display:grid;place-items:center}.hpp-dot:after{content:"";width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--hpp-ink) 30%,transparent);transition:background-color .2s ease,transform .2s ease}.hpp-dot[aria-current=true]:after{background:var(--hpp-accent);transform:scale(1.25)}.hpp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);z-index:9999;max-width:min(92vw,420px);padding:12px 18px;border-radius:12px;background:var(--hpp-deep);color:var(--hpp-ink);font-size:14px;line-height:1.5;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.hpp-toast--show{opacity:1;transform:translate(-50%)}.hpp-placeholder{display:grid;place-items:center;min-height:220px;border:1px dashed color-mix(in srgb,var(--hpp-accent) 40%,transparent);border-radius:var(--hpp-radius);color:var(--hpp-ink-soft);font-size:14px;line-height:1.5;padding:20px;text-align:center}@media(max-width:640px){.hpp-root{padding:24px 0 16px}.hpp-head{max-width:calc(100% - 28px);margin-left:14px}.hpp-count{margin-left:0}.hpp-track{display:grid;grid-template-columns:1fr;gap:12px;padding:2px 14px 6px;max-width:none}.hpp-card{max-width:none}.hpp-dots{display:none}.hpp-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hpp-root[data-mobile-compact=true] .hpp-card{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-items:start;padding:10px}.hpp-root[data-mobile-compact=true] .hpp-thumb{grid-column:1;grid-row:1 / span 3;padding:0;background:none;border-radius:0}.hpp-root[data-mobile-compact=true] .hpp-thumb__frame{aspect-ratio:1 / 1;border-radius:8px}.hpp-root[data-mobile-compact=true] .hpp-tag,.hpp-root[data-mobile-compact=true] .hpp-promo{font-size:10px;line-height:1.5;padding:2px 6px}.hpp-root[data-mobile-compact=true] .hpp-body{grid-column:2;grid-row:1 / span 3;padding:0;gap:6px}.hpp-root[data-mobile-compact=true] .hpp-title{font-size:15px}.hpp-root[data-mobile-compact=true] .hpp-vrow{display:none}.hpp-root[data-mobile-compact=true] .hpp-price{margin:0}.hpp-root[data-mobile-compact=true] .hpp-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hpp-root[data-mobile-compact=true] .hpp-actions>.hpp-btn{width:100%;min-width:0;box-sizing:border-box}.hpp-root[data-mobile-compact=true] .hpp-btn{min-height:44px;font-size:13px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}}@media(prefers-reduced-motion:reduce){.hpp-root *,.hpp-root *:before,.hpp-root *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/halloween-product-promo.css.map */