.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--hpc-glass: rgba(255, 255, 255, 0.10);
--hpc-glass-strong: rgba(255, 255, 255, 0.16);
--hpc-border: rgba(255, 255, 255, 0.22);
--hpc-text: #fff;
--hpc-text-dim: rgba(255, 255, 255, 0.72);
--hpc-accent: #ff7ad9;
--hpc-accent-2: #8b5cf6;
--hpc-radius: 20px;
--hpc-shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
--hpc-qa-bg: #211f3a;
} #hp-cart-overlay {
position: fixed;
inset: 0;
z-index: 999990;
background: rgba(8, 8, 20, 0.55);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
opacity: 0;
transition: opacity 0.25s ease;
}
#hp-cart-overlay.hp-show {
opacity: 1;
}
#hp-cart-drawer {
position: fixed;
top: 0;
right: 0;
height: 100dvh;
width: min(430px, 100vw);
z-index: 999991;
transform: translateX(102%);
transition: transform 0.32s cubic-bezier(0.32, 0.72, 0.25, 1);
display: flex;
}
#hp-cart-drawer.hp-show {
transform: translateX(0);
}
#hp-cart-drawer-inner {
flex: 1;
margin: 10px;
border-radius: var(--hpc-radius);
background: linear-gradient(160deg, rgba(30, 25, 60, 0.72), rgba(15, 12, 35, 0.78));
backdrop-filter: blur(26px) saturate(1.5);
-webkit-backdrop-filter: blur(26px) saturate(1.5);
border: 1px solid var(--hpc-border);
box-shadow: var(--hpc-shadow);
color: var(--hpc-text);
display: flex;
flex-direction: column;
overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
#hp-cart-drawer,
#hp-cart-overlay {
transition: none;
}
} #hp-cart-page {
max-width: 1080px;
margin: 0 auto;
padding: 24px 14px 60px;
color: var(--hpc-text);
}
#hp-cart-page .hp-page-grid {
display: grid;
grid-template-columns: 1.6fr 1fr;
gap: 22px;
align-items: start;
}
@media (max-width: 860px) {
#hp-cart-page .hp-page-grid {
grid-template-columns: 1fr;
}
}
#hp-cart-page .hp-card {
border-radius: var(--hpc-radius);
background: linear-gradient(160deg, rgba(30, 25, 60, 0.62), rgba(15, 12, 35, 0.68));
backdrop-filter: blur(22px) saturate(1.4);
-webkit-backdrop-filter: blur(22px) saturate(1.4);
border: 1px solid var(--hpc-border);
box-shadow: var(--hpc-shadow);
padding: 20px;
}
#hp-cart-page h1.hp-title {
color: var(--hpc-text);
font-size: 1.7em;
margin: 0 0 18px;
} .hp-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 18px 20px 12px;
}
.hp-head h2 {
margin: 0;
color: var(--hpc-text);
font-size: 1.25em;
}
.hp-count {
font-size: 0.8em;
background: var(--hpc-glass-strong);
border-radius: 99px;
padding: 0.25em 0.75em;
margin-left: 0.6em;
}
.hp-close {
background: var(--hpc-glass);
border: 1px solid var(--hpc-border);
color: var(--hpc-text);
border-radius: 99px;
width: 36px;
height: 36px;
font-size: 17px;
line-height: 1;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.15s ease;
}
.hp-close:hover {
background: var(--hpc-glass-strong);
} .hp-progress {
margin: 4px 20px 12px;
padding: 12px 14px;
border-radius: 14px;
background: var(--hpc-glass);
border: 1px solid rgba(255, 255, 255, 0.14);
font-size: 0.85em;
color: var(--hpc-text-dim);
}
.hp-progress strong {
color: var(--hpc-text);
}
.hp-bar {
height: 7px;
border-radius: 99px;
background: rgba(255, 255, 255, 0.14);
margin-top: 8px;
overflow: hidden;
}
.hp-bar > span {
display: block;
height: 100%;
border-radius: 99px;
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
transition: width 0.4s ease;
} .hp-items {
flex: 1;
overflow-y: auto;
padding: 4px 20px;
scrollbar-width: thin;
}
.hp-item {
display: grid;
grid-template-columns: 64px 1fr auto;
gap: 12px;
align-items: center;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}
.hp-item img {
width: 64px;
height: 64px;
object-fit: cover;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.12);
}
.hp-item-name {
font-size: 0.9em;
color: var(--hpc-text);
line-height: 1.35;
margin: 0 0 6px;
}
.hp-item-price {
font-size: 0.85em;
color: var(--hpc-text-dim);
}
.hp-gift-tag {
display: inline-block;
font-size: 0.75em;
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
color: #fff;
border-radius: 99px;
padding: 0.2em 0.7em;
margin-left: 0.4em;
}
.hp-qty {
display: inline-flex;
align-items: center;
border: 1px solid var(--hpc-border);
border-radius: 99px;
overflow: hidden;
}
.hp-qty button {
background: transparent;
border: 0;
color: var(--hpc-text);
width: 30px;
height: 30px;
font-size: 15px;
cursor: pointer;
}
.hp-qty button:hover {
background: var(--hpc-glass-strong);
}
.hp-qty span {
min-width: 26px;
text-align: center;
font-size: 0.9em;
}
.hp-item-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
}
.hp-remove {
background: none;
border: 0;
color: var(--hpc-text-dim);
font-size: 0.75em;
cursor: pointer;
text-decoration: underline;
text-underline-offset: 0.25em;
}
.hp-remove:hover {
color: #ff9c9c;
} .hp-gifts {
margin: 10px 20px;
padding: 14px;
border-radius: 14px;
background: var(--hpc-glass);
border: 1px solid rgba(255, 255, 255, 0.14);
}
.hp-gifts h3 {
margin: 0 0 10px;
font-size: 0.95em;
color: var(--hpc-text);
}
.hp-gift-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
gap: 10px;
}
.hp-gift {
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 12px;
padding: 8px;
background: rgba(255, 255, 255, 0.05);
}
.hp-gift img {
width: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 9px;
}
.hp-gift-name {
font-size: 0.72em;
color: var(--hpc-text-dim);
margin: 6px 0;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hp-gift button {
width: 100%;
border: 0;
border-radius: 99px;
padding: 0.45em 0;
font-size: 0.75em;
font-weight: 700;
cursor: pointer;
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
color: #fff;
}
.hp-gift button:disabled {
background: rgba(255, 255, 255, 0.15);
color: var(--hpc-text-dim);
cursor: default;
} .hp-foot {
padding: 14px 20px 18px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(0, 0, 0, 0.18);
}
.hp-total-row {
display: flex;
justify-content: space-between;
font-size: 0.95em;
color: var(--hpc-text-dim);
margin-bottom: 6px;
}
.hp-total-row.hp-grand {
font-size: 1.15em;
color: var(--hpc-text);
font-weight: 700;
margin: 8px 0 14px;
}
.hp-checkout {
display: block;
width: 100%;
text-align: center;
border-radius: 99px;
padding: 0.95em 0;
font-weight: 800;
font-size: 1em;
color: #14142b !important;
background: rgba(255, 255, 255, 0.95);
text-decoration: none !important;
transition: transform 0.12s ease;
}
.hp-checkout:hover {
transform: translateY(-1px);
} .hp-empty {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
color: var(--hpc-text-dim);
padding: 30px;
text-align: center;
}
.hp-empty a {
color: #14142b !important;
background: rgba(255, 255, 255, 0.95);
border-radius: 99px;
padding: 0.7em 1.6em;
font-weight: 700;
text-decoration: none !important;
}
.hp-skeleton {
height: 180px;
border-radius: var(--hpc-radius);
background: linear-gradient(100deg, rgba(255,255,255,0.06) 40%, rgba(255,255,255,0.14) 50%, rgba(255,255,255,0.06) 60%);
background-size: 200% 100%;
animation: hp-shimmer 1.2s infinite linear;
}
@keyframes hp-shimmer {
to { background-position: -200% 0; }
}
.hp-busy {
opacity: 0.55;
pointer-events: none;
}
body.hp-cart-lock {
overflow: hidden;
}
.hp-viewcart {
display: block;
text-align: center;
margin-top: 10px;
font-size: 0.85em;
color: var(--hpc-text-dim) !important;
text-decoration: underline !important;
text-underline-offset: 0.3em;
}
.hp-viewcart:hover {
color: var(--hpc-text) !important;
} .hp-page-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin: 0 0 18px;
}
.hp-subtitle { color: var(--hpc-text-dim); font-size: 0.9em; }
.hp-back {
color: var(--hpc-text-dim) !important;
text-decoration: none !important;
font-size: 0.85em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.hp-back:hover { color: var(--hpc-text) !important; }
.hp-page-side { display: flex; flex-direction: column; gap: 18px; }
.hp-card-summary h3 { margin: 0 0 14px; color: var(--hpc-text); font-size: 1.05em; }
.hp-row {
display: grid;
grid-template-columns: 1fr 130px 110px 44px;
gap: 12px;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.hp-row-header {
padding: 4px 0 10px;
color: var(--hpc-text-dim);
font-size: 0.72em;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.hp-row-header span:nth-child(2), .hp-row-qty { text-align: center; }
.hp-row-header span:nth-child(3), .hp-row-total { text-align: right; }
.hp-row-product { display: flex; gap: 14px; align-items: center; min-width: 0; }
.hp-row-product img {
width: 74px; height: 74px; object-fit: cover;
border-radius: 14px; border: 1px solid rgba(255,255,255,0.12);
flex: none;
} .hp-variant {
display: inline-block;
margin-top: 6px;
padding: 2px 11px;
border-radius: 99px;
background: rgba(255, 122, 217, 0.14);
border: 1px solid rgba(255, 122, 217, 0.5);
color: #fff;
font-size: 0.95em;
font-weight: 700;
letter-spacing: 0.02em;
}
.hp-unit { display: block; color: var(--hpc-text-dim); font-size: 0.78em; margin-top: 4px; }
.hp-row-total {
font-weight: 700;
display: flex;
align-items: center;
justify-content: flex-end; white-space: nowrap;
}
.hp-row-bin { display: flex; align-items: center; justify-content: flex-end; }
.hp-trash {
background: none; border: 0; cursor: pointer;
font-size: 1em; opacity: 0.5; transition: opacity .15s ease;
}
.hp-trash:hover { opacity: 1; } .hp-coupon { display: flex; gap: 8px; margin: 12px 0 4px; }
.hp-coupon input {
flex: 1;
background: var(--hpc-glass);
border: 1px solid var(--hpc-border);
border-radius: 99px;
color: var(--hpc-text);
padding: 0.6em 1.1em;
font-size: 0.85em;
}
.hp-coupon input::placeholder { color: rgba(255,255,255,0.4); text-transform: uppercase; letter-spacing: .04em; font-size: .9em; }
.hp-coupon button {
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
color: #fff; border: 0; border-radius: 99px;
padding: 0.6em 1.2em; font-weight: 800; font-size: 0.8em; cursor: pointer;
}
.hp-coupon-row {
display: flex; justify-content: space-between; align-items: center;
font-size: 0.85em; color: var(--hpc-text-dim); padding: 4px 2px;
}
.hp-coupon-row button { background: none; border: 0; color: #ff9c9c; cursor: pointer; font-size: 1em; line-height: 1; padding: 2px 4px; } .hp-gifts-head { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; }
.hp-gifts-ico {
width: 44px; height: 44px; border-radius: 12px; flex: none;
display: inline-flex; align-items: center; justify-content: center;
font-size: 1.3em;
background: linear-gradient(135deg, var(--hpc-accent-2), var(--hpc-accent));
}
.hp-gifts-head h3 { margin: 0 0 4px !important; }
.hp-gifts-head p { margin: 0; font-size: 0.8em; color: var(--hpc-text-dim); line-height: 1.4; }
.hp-tier-track {
position: relative;
height: 7px;
border-radius: 99px;
background: rgba(255,255,255,0.12);
margin: 26px 8px 34px;
}
.hp-tier-fill {
height: 100%;
border-radius: 99px;
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
transition: width 0.4s ease;
}
.hp-tier-mark {
position: absolute; top: 50%; transform: translate(-50%, -50%);
display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.hp-tier-mark i {
font-style: normal;
width: 22px; height: 22px; border-radius: 99px;
background: #2a2350; border: 2px solid rgba(255,255,255,0.25);
display: inline-flex; align-items: center; justify-content: center;
font-size: 0.65em;
}
.hp-tier-mark.is-hit i { background: linear-gradient(135deg, var(--hpc-accent-2), var(--hpc-accent)); border-color: transparent; }
.hp-tier-mark b { font-size: 0.68em; color: var(--hpc-text-dim); margin-top: 20px; position: absolute; top: 12px; }
.hp-tier-boxes { display: flex; gap: 10px; margin: 6px 0 14px; }
.hp-tier-box {
flex: 1; text-align: center; position: relative;
border: 1px solid rgba(255,255,255,0.14); border-radius: 14px;
padding: 12px 6px; background: rgba(255,255,255,0.04);
}
.hp-tier-box.is-hit { border-color: var(--hpc-accent); box-shadow: 0 0 18px rgba(255,122,217,0.25); }
.hp-tier-label { display: block; font-size: 0.65em; letter-spacing: 0.1em; color: var(--hpc-accent); font-weight: 800; }
.hp-tier-min { display: block; font-size: 1.15em; font-weight: 800; margin-top: 2px; }
.hp-tier-lock { position: absolute; top: 8px; right: 10px; font-size: 0.8em; opacity: 0.7; }
.hp-gift-counter {
display: flex; align-items: center; justify-content: space-between;
font-size: 0.8em; color: var(--hpc-text); margin-bottom: 10px;
text-transform: uppercase; letter-spacing: 0.05em; font-weight: 700;
}
.hp-badge-unlocked {
border: 1px solid var(--hpc-accent);
color: var(--hpc-accent);
border-radius: 99px; padding: 0.25em 0.9em; font-size: 0.85em;
} .hp-upsell {
margin-top: 8px;
font-size: 0.78em;
color: var(--hpc-text-dim);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.hp-upsell-opt {
background: rgba(255,255,255,0.06);
border: 1px solid var(--hpc-accent);
color: var(--hpc-text);
border-radius: 99px;
padding: 0.3em 0.8em;
font-size: 0.95em;
cursor: pointer;
transition: background .15s ease;
}
.hp-upsell-opt span { color: var(--hpc-accent); font-weight: 700; }
.hp-upsell-opt:hover { background: rgba(255,122,217,0.18); }
@media (max-width: 760px) {
.hp-row { grid-template-columns: 1fr; }
.hp-row-qty, .hp-row-total { text-align: left; justify-content: flex-start; }
.hp-row-bin { justify-content: flex-start; }
.hp-row-header { display: none; }
} .hp-qty {
height: 32px;
}
.hp-qty button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
line-height: 1;
font-size: 16px;
}
.hp-qty span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 26px;
height: 30px;
} #hp-cart-drawer .hp-scroll {
flex: 1;
overflow-y: auto;
scrollbar-width: thin;
display: flex;
flex-direction: column;
}
#hp-cart-drawer .hp-items {
flex: none;
overflow: visible;
} #hp-cart-drawer .hp-gifts {
padding: 12px;
margin: 8px 20px 14px;
}
#hp-cart-drawer .hp-gifts-head p {
display: none;
}
#hp-cart-drawer .hp-gifts-ico {
width: 34px;
height: 34px;
font-size: 1em;
border-radius: 10px;
}
#hp-cart-drawer .hp-tier-boxes {
display: none;
}
#hp-cart-drawer .hp-tier-track {
margin: 18px 6px 26px;
}
#hp-cart-drawer .hp-gift-grid {
grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
gap: 8px;
}
#hp-cart-drawer .hp-gift {
padding: 6px;
}
#hp-cart-drawer .hp-gift-name {
font-size: 0.66em;
margin: 4px 0;
}
#hp-cart-drawer .hp-gift-counter {
font-size: 0.72em;
margin-bottom: 8px;
} #hp-cart-page .hp-page-head {
margin: 0 0 22px;
align-items: center;
}
#hp-cart-page h1.hp-title {
margin: 0 0 4px;
}
#hp-cart-page .hp-card {
padding: 22px;
}
#hp-cart-page .hp-row {
grid-template-columns: 1fr 120px 110px 44px;
}
#hp-cart-page .hp-row-qty {
display: flex;
justify-content: center;
}
#hp-cart-page .hp-total-row {
margin-bottom: 10px;
align-items: baseline;
}
#hp-cart-page .hp-total-row.hp-grand {
margin: 12px 0 16px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#hp-cart-page .hp-coupon {
margin: 4px 0 12px;
}
#hp-cart-page .hp-coupon input,
#hp-cart-page .hp-coupon button {
height: 42px;
}
#hp-cart-page .hp-progress {
margin: 0 0 4px;
}
#hp-cart-page .hp-checkout-page {
margin-top: 16px;
padding: 1.05em 0;
font-size: 1.02em;
}
#hp-cart-page .hp-tier-box {
padding: 10px 6px;
}
#hp-cart-page .hp-tier-min {
font-size: 1.05em;
}
#hp-cart-page .hp-gifts {
margin: 0;
} .hp-foot-btns {
display: flex;
gap: 10px;
}
.hp-foot-btns .hp-checkout,
.hp-foot-btns .hp-btn-secondary {
flex: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.9em 0;
border-radius: 99px;
font-weight: 800;
font-size: 0.95em;
text-decoration: none !important;
}
.hp-btn-secondary {
background: var(--hpc-glass);
border: 1px solid var(--hpc-border);
color: var(--hpc-text) !important;
transition: background 0.15s ease;
}
.hp-btn-secondary:hover {
background: var(--hpc-glass-strong);
} .hp-foot-btns .hp-checkout,
.hp-foot-btns .hp-btn-secondary {
flex: 1 1 0 !important;
width: auto !important;
min-width: 0;
box-sizing: border-box;
padding: 0.95em 0 !important;
font-size: 0.95em !important;
line-height: 1.2 !important;
margin: 0 !important;
} @media (max-width: 760px) {
#hp-cart-page .hp-row {
grid-template-columns: 1fr auto 36px;
row-gap: 12px;
padding: 18px 0;
}
#hp-cart-page .hp-row-product {
grid-column: 1 / -1;
align-items: flex-start;
gap: 14px;
}
#hp-cart-page .hp-row-product img {
width: 106px;
height: 106px;
border-radius: 16px;
}
#hp-cart-page .hp-row-product .hp-item-name {
font-size: 1.04em;
line-height: 1.3;
margin: 0 0 2px;
}
#hp-cart-page .hp-variant {
margin-top: 4px;
}
#hp-cart-page .hp-row-qty {
justify-content: flex-start;
}
#hp-cart-page .hp-row-total {
justify-content: flex-end;
text-align: right;
font-size: 1.05em;
}
#hp-cart-page .hp-row-bin {
justify-content: flex-end;
}
} .elementor-widget-theme-site-logo img {
transition: transform 0.22s ease, filter 0.22s ease;
}
.elementor-widget-theme-site-logo img:hover {
transform: translateY(-3px) scale(1.03);
filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
} .hp-stops-track {
position: relative;
height: 66px;
margin: 14px 4px 6px;
}
.hp-stops-bar {
position: absolute;
top: 16px;
left: 0;
right: 0;
height: 7px;
border-radius: 99px;
background: rgba(255, 255, 255, 0.14);
overflow: hidden;
}
.hp-stops-fill {
display: block;
height: 100%;
border-radius: 99px;
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
transition: width 0.4s ease;
}
.hp-gifts button.hp-stop {
position: absolute;
top: 0;
transform: translateX(-50%);
width: 38px !important;
height: 38px !important;
border-radius: 99px !important;
border: 1.5px solid var(--hpc-border) !important;
background: #2a2350 !important;
color: rgba(255, 255, 255, 0.55) !important;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 0 !important;
transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease;
background-clip: border-box !important;
}
.hp-gifts button.hp-stop:hover {
transform: translateX(-50%) translateY(-2px);
}
.hp-gifts button.hp-stop.is-hit {
background: linear-gradient(135deg, var(--hpc-accent-2), var(--hpc-accent)) !important;
border: 0 !important; color: #fff !important;
}
.hp-gifts button.hp-stop.is-sel {
border-color: var(--hpc-accent) !important;
box-shadow: 0 0 0 3px rgba(255, 122, 217, 0.28);
}
.hp-gifts button.hp-stop .hp-stop-lock {
position: absolute;
right: -5px;
top: -5px;
width: 19px;
height: 19px;
border-radius: 99px;
background: rgba(10, 8, 24, 0.92);
border: 1px solid var(--hpc-border);
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
opacity: 0.95;
}
.hp-gifts button.hp-stop b {
position: absolute;
top: 42px;
left: 50%;
transform: translateX(-50%);
font-size: 0.68em;
font-weight: 700;
color: var(--hpc-text-dim);
white-space: nowrap;
}
.hp-gifts button.hp-stop.is-hit b {
color: var(--hpc-text);
} .hp-stop-preview {
display: flex;
align-items: center;
gap: 12px;
margin-top: 10px;
padding: 10px;
border-radius: 13px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.14);
}
.hp-stop-thumb {
position: relative;
display: block;
width: 62px;
height: 62px;
border-radius: 11px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.14);
flex: none;
}
.hp-stop-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.hp-stop-preview.is-locked .hp-stop-thumb img {
filter: grayscale(0.35) brightness(0.78);
}
.hp-stop-thumb-lock {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: rgba(255, 255, 255, 0.92);
background: rgba(10, 8, 24, 0.28);
}
.hp-stop-info {
min-width: 0;
display: flex;
flex-direction: column;
gap: 7px;
align-items: flex-start;
}
.hp-stop-name {
font-size: 0.88em;
font-weight: 700;
color: var(--hpc-text);
line-height: 1.3;
}
.hp-stop-preview.is-locked .hp-stop-name {
color: var(--hpc-text-dim);
}
.hp-stop-locked-note {
font-size: 0.78em;
color: var(--hpc-text-dim);
}
.hp-stop-info button {
border: 0;
border-radius: 99px;
padding: 0.45em 1.4em;
font-size: 0.78em;
font-weight: 700;
cursor: pointer;
background: linear-gradient(90deg, var(--hpc-accent-2), var(--hpc-accent));
color: #fff;
}
.hp-stop-info button:disabled {
background: rgba(255, 255, 255, 0.15);
color: var(--hpc-text-dim);
cursor: default;
}  #hp-qa-panel {
position: fixed;
z-index: 100000;
min-width: 240px;
max-width: calc(100vw - 16px);
padding: 8px;
border-radius: 16px;
background: var(--hpc-qa-bg, #211f3a);
border: 1px solid var(--hpc-border);
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45);
opacity: 0;
visibility: hidden;
transform: scaleY(0.72) translateY(-6px);
transform-origin: top center;
transition: opacity 0.16s ease, transform 0.2s cubic-bezier(0.22, 1.2, 0.4, 1), visibility 0.2s;
}
#hp-qa-panel.hp-up {
transform-origin: bottom center;
transform: scaleY(0.72) translateY(6px);
}
#hp-qa-panel.hp-show {
opacity: 1;
visibility: visible;
transform: scaleY(1) translateY(0);
} #hp-qa-panel::before {
content: "";
position: absolute;
left: 50%;
top: -5px;
width: 10px;
height: 10px;
margin-left: -5px;
background: var(--hpc-qa-bg, #211f3a);
border-left: 1px solid var(--hpc-border);
border-top: 1px solid var(--hpc-border);
transform: rotate(45deg);
}
#hp-qa-panel.hp-up::before {
top: auto;
bottom: -5px;
border-left: 0;
border-top: 0;
border-right: 1px solid var(--hpc-border);
border-bottom: 1px solid var(--hpc-border);
}
.hp-qa-loading {
margin: 0;
padding: 12px 10px;
text-align: center;
font-size: 13px;
color: var(--hpc-text-dim);
}
.hp-qa-pills {
display: flex;
flex-direction: column;
gap: 4px;
}
#hp-qa-panel button.hp-qa-pill {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 9px 12px;
border: 0;
border-radius: 10px;
background: transparent;
color: #fff;
font: inherit;
line-height: 1.2;
text-align: left;
cursor: pointer;
transition: background 0.14s ease, transform 0.14s ease;
}
#hp-qa-panel button.hp-qa-pill:hover:not(:disabled),
#hp-qa-panel button.hp-qa-pill:focus-visible {
background: rgba(255, 255, 255, 0.09);
transform: translateX(2px);
outline: none;
}
#hp-qa-panel button.hp-qa-pill.is-busy {
opacity: 0.55;
pointer-events: none;
}
#hp-qa-panel button.hp-qa-pill:disabled {
opacity: 0.35;
cursor: default;
}
#hp-qa-panel .hp-qa-pill b {
font-size: 1.02em;
font-weight: 800;
}
#hp-qa-panel .hp-qa-pill span {
font-size: 0.85em;
color: var(--hpc-accent);
font-weight: 700;
font-variant-numeric: tabular-nums;
}
@media (prefers-reduced-motion: reduce) {
#hp-qa-panel { transition: opacity 0.01s linear, visibility 0.01s; transform: none; }
#hp-qa-panel.hp-show { transform: none; }
#hp-qa-panel button.hp-qa-pill { transition: none; }
} #hp-cart-page .hp-row-gift {
padding: 8px 0;
}
#hp-cart-page .hp-row-gift .hp-row-product img {
width: 44px;
height: 44px;
border-radius: 9px;
}
#hp-cart-page .hp-row-gift .hp-item-name {
font-size: 0.82em;
margin-bottom: 2px;
}
.hp-item.hp-item-gift {
padding: 8px 0;
grid-template-columns: 40px 1fr auto;
}
.hp-item.hp-item-gift img {
width: 40px;
height: 40px;
border-radius: 9px;
}
.hp-item.hp-item-gift .hp-item-name {
font-size: 0.8em;
margin: 0 0 3px;
} #hp-cart-page .hp-row-header span:nth-child(3) {
padding-right: 34px;
} #hp-cart-page .hp-page-main {
min-width: 0;
}
#hp-cart-page .hp-page-main .hp-card-items {
margin-bottom: 16px;
} .hp-stop-preview.is-choice {
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.hp-stop-choose {
font-size: 0.75em;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--hpc-accent);
}
.hp-stop-option {
display: flex;
align-items: center;
gap: 12px;
}
.hp-stop-preview.is-choice .hp-stop-thumb {
width: 52px;
height: 52px;
} .hp-gifts button.hp-stop .hp-stop-tick {
position: absolute;
top: -4px;
left: -4px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #10b981;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 0 0 2px rgba(10, 12, 32, 0.9);
pointer-events: none;
}
.hp-gifts button.hp-stop.is-claimed { opacity: 1; } .woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button,
ul.products li.product a.button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 12px 22px;
border: 0;
border-radius: 14px; font-weight: 800 !important;
font-size: 14px !important;
line-height: 1.1 !important;
letter-spacing: 0.01em;
text-decoration: none;
text-shadow: none;
cursor: pointer;
transform: translateY(0);
transition: transform 0.09s ease, box-shadow 0.09s ease, filter 0.16s ease;
-webkit-tap-highlight-color: transparent;
} ul.products li.product a.button.product_type_simple,
ul.products li.product a.button.add_to_cart_button:not(.product_type_variable) { background-color: #f5b301;
background-image: linear-gradient(180deg, #ffd451, #f5b301);
color: #2b1d00;
box-shadow: 0 5px 0 #9c6b00;
}
ul.products li.product a.button.product_type_simple:hover,
ul.products li.product a.button.add_to_cart_button:not(.product_type_variable):hover {
filter: brightness(1.06);
color: #2b1d00;
} ul.products li.product a.button.product_type_simple:active,
ul.products li.product a.button.add_to_cart_button:not(.product_type_variable):active {
transform: translateY(4px);
box-shadow: 0 1px 0 #9c6b00;
} ul.products li.product a.button.product_type_variable {
background-color: #2a254c;
background-image: linear-gradient(180deg, #3b3564, #2a254c);
color: var(--hpc-text);
box-shadow: 0 5px 0 #191533;
}
ul.products li.product a.button.product_type_variable:hover {
filter: brightness(1.14);
color: #fff;
}
ul.products li.product a.button.product_type_variable:active {
transform: translateY(4px);
box-shadow: 0 1px 0 #191533;
} ul.products li.product a.button.product_type_variable.hp-qa-open {
background-color: #332b5c;
background-image: linear-gradient(180deg, #4a4076, #332b5c);
box-shadow: 0 5px 0 var(--hpc-accent);
color: #fff;
}
ul.products li.product a.button.product_type_variable.hp-qa-open::after {
content: "";
width: 7px;
height: 7px;
margin-left: 2px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-135deg);
} ul.products li.product a.button:focus-visible {
outline: 3px solid var(--hpc-accent);
outline-offset: 3px;
} ul.products li.product a.button.loading {
transform: translateY(4px);
box-shadow: 0 1px 0 #9c6b00;
opacity: 0.8;
pointer-events: none;
} ul.products li.product a.button.product_type_simple.added,
ul.products li.product a.button.add_to_cart_button.added,
ul.products li.product a.button.added {
background-color: #10b981;
background-image: linear-gradient(180deg, #34d399, #10b981);
box-shadow: 0 5px 0 #065f46;
color: #04231a;
}
ul.products li.product a.button.added::after {
content: "✓";
margin-left: 4px;
font-weight: 900;
} ul.products li.product a.added_to_cart {
display: inline-block;
margin-top: 9px;
font-size: 13px;
font-weight: 700;
color: var(--hpc-accent);
text-decoration: none;
border-bottom: 2px solid rgba(255, 122, 217, 0.45);
}
ul.products li.product a.added_to_cart:hover {
color: #fff;
border-bottom-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
ul.products li.product a.button { transition: none; }
ul.products li.product a.button:active { transform: none; }
}#hp-chat-root {
position: fixed;
right: 18px;
bottom: 18px;
z-index: 99990; font-size: 15px;
}
.hp-chat-bubble {
width: 62px;
height: 62px;
border-radius: 50%;
border: none;
cursor: pointer;
color: #fff;
background: linear-gradient(135deg, #ff7ad9, #8b5cf6);
box-shadow: 0 12px 30px rgba(139, 92, 246, 0.45);
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.18s ease, filter 0.18s ease;
}
.hp-chat-bubble:hover {
transform: translateY(-2px);
filter: brightness(1.08);
}
.hp-chat-open .hp-chat-bubble {
display: none;
}
.hp-chat-panel {
display: none;
position: fixed;
right: 18px;
bottom: 18px;
width: min(372px, calc(100vw - 24px));
height: min(560px, calc(100dvh - 40px));
flex-direction: column;
border-radius: 22px;
background: linear-gradient(160deg, rgba(30, 25, 60, 0.86), rgba(15, 12, 35, 0.92));
backdrop-filter: blur(26px) saturate(1.5);
-webkit-backdrop-filter: blur(26px) saturate(1.5);
border: 1px solid rgba(255, 255, 255, 0.22);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
color: #fff;
overflow: hidden;
}
.hp-chat-open .hp-chat-panel {
display: flex;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.hp-chat-panel {
background: linear-gradient(160deg, rgba(30, 25, 60, 0.97), rgba(15, 12, 35, 0.98));
}
}
.hp-chat-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 16px 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.hp-chat-ident {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.hp-chat-title {
font-weight: 700;
font-size: 1.02em;
}
.hp-chat-avatar {
width: 34px;
height: 34px;
border-radius: 50%;
object-fit: cover;
flex: 0 0 auto;
border: 1px solid rgba(255, 255, 255, 0.35);
background: rgba(255, 255, 255, 0.08);
}
.hp-chat-intro {
display: flex;
justify-content: center;
padding: 6px 0 2px;
}
.hp-chat-avatar-intro {
width: 84px;
height: 84px;
border-radius: 50%;
object-fit: cover;
border: 2px solid rgba(255, 255, 255, 0.35);
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
background: rgba(255, 255, 255, 0.08);
}
.hp-chat-close {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.22);
color: #fff;
border-radius: 99px;
width: 30px;
height: 30px;
padding: 0;
font-size: 17px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.hp-chat-body {
flex: 1;
overflow-y: auto;
padding: 14px;
display: flex;
flex-direction: column;
gap: 8px;
}
.hp-chat-msg p {
margin: 0;
padding: 9px 13px;
border-radius: 15px;
max-width: 85%;
line-height: 1.4;
font-size: 0.93em;
white-space: pre-wrap;
overflow-wrap: anywhere;
display: inline-block;
}
.hp-chat-msg-assistant p {
background: rgba(255, 255, 255, 0.09);
border: 1px solid rgba(255, 255, 255, 0.12);
border-bottom-left-radius: 5px;
}
.hp-chat-msg-user {
text-align: right;
}
.hp-chat-msg-user p {
background: linear-gradient(135deg, rgba(255, 122, 217, 0.85), rgba(139, 92, 246, 0.85));
border-bottom-right-radius: 5px;
text-align: left;
}
.hp-chat-typing p {
color: rgba(255, 255, 255, 0.6);
letter-spacing: 2px;
}
.hp-chat-products {
display: flex;
flex-direction: column;
gap: 6px;
}
.hp-chat-product {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border-radius: 13px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 122, 217, 0.35);
color: #fff;
text-decoration: none;
transition: background 0.15s ease;
}
.hp-chat-product:hover {
background: rgba(255, 122, 217, 0.14);
}
.hp-chat-product img {
width: 42px;
height: 42px;
object-fit: cover;
border-radius: 9px;
flex: none;
}
.hp-chat-product-meta {
display: flex;
flex-direction: column;
min-width: 0;
}
.hp-chat-product-name {
font-size: 0.85em;
line-height: 1.25;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.hp-chat-product-price {
font-size: 0.83em;
font-weight: 700;
color: #f599ff;
}
.hp-chat-note {
padding: 4px 16px;
font-size: 0.68em;
color: rgba(255, 255, 255, 0.45);
text-align: center;
}
.hp-chat-form {
display: flex;
gap: 8px;
padding: 8px 12px 12px;
}
.hp-chat-input {
flex: 1;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 13px;
color: #fff;
padding: 10px 13px;
font-size: 16px; outline: none;
}
.hp-chat-input:focus {
border-color: #ff7ad9;
}
.hp-chat-input::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.hp-chat-send {
width: 42px;
border: none;
border-radius: 13px;
background: linear-gradient(135deg, #ff7ad9, #8b5cf6);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: filter 0.15s ease;
}
.hp-chat-send:hover {
filter: brightness(1.08);
}
@media (max-width: 480px) {
.hp-chat-panel {
right: 0;
bottom: 0;
width: 100vw;
height: min(72dvh, 560px);
border-radius: 20px 20px 0 0;
}
}
@media (prefers-reduced-motion: reduce) {
.hp-chat-bubble {
transition: none;
}
} .hp-chat-teaser {
position: fixed;
right: 18px;
bottom: 92px;
width: min(268px, calc(100vw - 36px));
padding: 13px 14px 12px;
border-radius: 18px;
background: linear-gradient(160deg, rgba(30, 25, 60, 0.94), rgba(15, 12, 35, 0.96));
backdrop-filter: blur(20px) saturate(1.4);
-webkit-backdrop-filter: blur(20px) saturate(1.4);
border: 1px solid rgba(255, 255, 255, 0.22);
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
color: #fff;
animation: hp-chat-teaser-in 0.32s ease both;
}
@keyframes hp-chat-teaser-in {
from { opacity: 0; transform: translateY(8px) scale(0.97); }
to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.hp-chat-teaser { animation: none; }
}
.hp-chat-open .hp-chat-teaser { display: none; }
.hp-chat-teaser-text {
margin: 0 18px 9px 0;
font-size: 0.92em;
line-height: 1.35;
}
.hp-chat-teaser-x {
position: absolute;
top: 7px;
right: 9px;
width: 22px;
height: 22px;
padding: 0;
border: none;
border-radius: 99px;
background: rgba(255, 255, 255, 0.12);
color: #fff;
font-size: 15px;
line-height: 1;
cursor: pointer;
}
.hp-chat-chip {
display: block;
width: 100%;
margin-top: 6px;
padding: 8px 11px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.26);
background: rgba(255, 255, 255, 0.09);
color: #fff;
font: inherit;
font-size: 0.87em;
text-align: left;
cursor: pointer;
transition: background 0.15s ease;
}
.hp-chat-chip:hover { background: rgba(255, 255, 255, 0.18); } .hp-chat-starters {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
margin-top: 10px;
} .hp-chat-starters .hp-chat-starter {
max-width: 85%;
padding: 8px 13px;
border-radius: 15px;
border-bottom-right-radius: 5px;
border: 1px solid rgba(255, 122, 217, 0.55);
background: rgba(255, 122, 217, 0.12);
color: #fff;
font: inherit;
font-size: 0.9em;
line-height: 1.35;
text-align: left;
cursor: pointer;
transition: background 0.15s ease, border-color 0.15s ease, transform 0.14s ease;
}
.hp-chat-starters .hp-chat-starter:hover {
background: rgba(255, 122, 217, 0.24);
border-color: rgba(255, 122, 217, 0.8);
}
.hp-chat-starters .hp-chat-starter:active {
transform: scale(0.97);
transition: none; }
.hp-chat-starters .hp-chat-starter:focus-visible {
outline: 2px solid rgba(255, 122, 217, 0.9);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
.hp-chat-starters .hp-chat-starter { transition: none; }
} .hp-chat-cats {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 8px 0 0;
}
.hp-chat-cat {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 5px 11px 5px 5px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 194, 0, 0.45);
color: #fff;
text-decoration: none;
font-size: 13px;
line-height: 1.3;
transition: background 0.15s ease;
}
.hp-chat-cat:hover,
.hp-chat-cat:focus-visible {
background: rgba(255, 194, 0, 0.16);
}
.hp-chat-cat img {
width: 22px;
height: 22px;
border-radius: 999px;
object-fit: cover;
flex: 0 0 auto;
}
.hp-chat-cat-name {
font-weight: 600;
}
.hp-chat-cat-count {
opacity: 0.65;
font-size: 11px;
}.highpony-currency-switcher {
display: inline-flex;
align-items: center;
gap: 0.45em;
font: inherit;
color: #fff;
white-space: nowrap;
margin-right: 1.1em; }
.highpony-currency-option {
color: #fff !important;
text-decoration: none !important;
font-weight: 500;
font-size: 1em;
display: inline-flex;
align-items: center;
gap: 0.26em;
} .highpony-flag {
font-size: 1.45em;
line-height: 1;
} .highpony-code {
opacity: 0.45;
transition: opacity 0.15s ease;
}
a.highpony-currency-option:hover .highpony-code {
opacity: 0.9;
}
.highpony-currency-option.is-active .highpony-code {
opacity: 1;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.35em;
}
.highpony-currency-sep {
opacity: 0.25;
color: #fff;
} .highpony-cz-badge {
display: inline-block;
font-size: 0.72em;
line-height: 1;
padding: 0.45em 0.7em;
border-radius: 99px;
background: #eef4ff;
color: #1d4ed8;
white-space: nowrap;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.22);
}
ul.products li.product {
position: relative;
}
ul.products li.product .highpony-cz-badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 5;
margin: 0;
} .highpony-cz-modal-overlay {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
background: rgba(8, 8, 20, 0.55);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
animation: highpony-fade 0.25s ease;
}
.highpony-cz-modal {
position: relative;
max-width: 430px;
width: 100%;
padding: 30px 28px 26px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.13);
backdrop-filter: blur(24px) saturate(1.5);
-webkit-backdrop-filter: blur(24px) saturate(1.5);
border: 1px solid rgba(255, 255, 255, 0.28);
box-shadow: 0 24px 70px rgba(0, 0, 0, 0.4);
color: #fff;
text-align: center;
font: inherit;
}
.highpony-cz-modal h3 {
color: #fff;
margin: 0 0 10px;
font-size: 1.3em;
line-height: 1.3;
}
.highpony-cz-modal p {
color: rgba(255, 255, 255, 0.85);
margin: 0 0 14px;
font-size: 0.95em;
line-height: 1.55;
}
.highpony-cz-modal ul {
list-style: none;
margin: 0 0 18px;
padding: 0;
font-size: 0.92em;
}
.highpony-cz-modal li {
padding: 0.25em 0;
opacity: 0.92;
}
.highpony-cz-modal-btn {
display: inline-block;
padding: 0.85em 1.6em;
border-radius: 99px;
background: rgba(255, 255, 255, 0.94);
color: #14142b !important;
font-weight: 700;
text-decoration: none !important;
font-size: 0.95em;
}
.highpony-cz-modal-close {
position: absolute;
top: 10px;
right: 16px;
color: rgba(255, 255, 255, 0.6) !important;
text-decoration: none !important;
font-size: 1.3em;
line-height: 1;
}
@keyframes highpony-fade {
from { opacity: 0; }
to { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.highpony-cz-modal-overlay { animation: none; }
} .hpczk-guard {
border-radius: 16px;
padding: 16px;
background: linear-gradient(160deg, rgba(30, 25, 60, 0.72), rgba(15, 12, 35, 0.8));
backdrop-filter: blur(18px) saturate(1.4);
-webkit-backdrop-filter: blur(18px) saturate(1.4);
border: 1px solid rgba(215, 20, 26, 0.55);
color: #fff;
margin: 6px 0;
}
.hpczk-guard-title {
font-weight: 800;
margin-bottom: 6px;
color: #ff9c9c;
}
.hpczk-guard-body {
font-size: 0.9em;
color: rgba(255, 255, 255, 0.85);
line-height: 1.5;
margin-bottom: 12px;
}
.hpczk-guard-btn {
display: inline-block;
background: rgba(255, 255, 255, 0.94);
color: #14142b !important;
border-radius: 99px;
padding: 0.6em 1.3em;
font-weight: 700;
font-size: 0.85em;
text-decoration: none !important;
}
.hpczk-guard-hint {
display: inline-block;
margin-left: 0.8em;
font-size: 0.8em;
color: rgba(255, 255, 255, 0.6);
} .highpony-currency-option,
.highpony-flag {
line-height: 1;
}
.highpony-flag {
display: inline-flex;
align-items: center;
}
@media (max-width: 782px) {
.highpony-currency-switcher {
gap: 0.3em;
margin-right: 0.55em;
font-size: 0.95em;
}
.highpony-currency-option {
gap: 0.24em;
}
.highpony-flag {
font-size: 1.15em;
}
.highpony-currency-option.is-active .highpony-code {
text-underline-offset: 0.22em;
text-decoration-thickness: 1.5px;
}
.highpony-currency-sep {
margin: 0 0.05em;
}
} @media (max-width: 782px) {
.hp-hdr-group,
.elementor-element-7c342f8,
.e-con:has(> .elementor-widget-shortcode .highpony-currency-switcher) {
flex-wrap: wrap !important;
justify-content: flex-end;
align-items: center;
row-gap: 2px;
column-gap: 0.3em;
} .hp-hdr-switcher,
.elementor-element-6cf0da2,
.elementor-widget-shortcode:has(.highpony-currency-switcher) {
order: 1;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
display: flex;
justify-content: flex-end;
} .hp-hdr-group > .elementor-widget-fibosearch,
.elementor-element-7c342f8 > .elementor-widget-fibosearch,
.e-con:has(> .elementor-widget-shortcode .highpony-currency-switcher) > .elementor-widget-fibosearch {
order: 2;
margin-right: 0.9em;
}
.hp-hdr-group > .elementor-widget-woocommerce-menu-cart,
.elementor-element-7c342f8 > .elementor-widget-woocommerce-menu-cart,
.e-con:has(> .elementor-widget-shortcode .highpony-currency-switcher) > .elementor-widget-woocommerce-menu-cart {
order: 3;
margin-right: 10px !important;
} .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button {
flex-direction: row-reverse !important;
gap: 0.35em;
padding-left: 0 !important;
padding-right: 0 !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-icon {
margin: 0 !important;
}
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_button .elementor-button-text {
font-size: 1em;
} .highpony-currency-switcher {
font-size: 0.95em;
margin-right: 10px !important;
}
.highpony-flag {
font-size: 1.3em;
}
}.hp-pack-buy { margin: 10px 0; }
.hp-pack-note { margin: 0 0 10px; opacity: .85; }
.hp-pack-buy .hp-pack-open,
.hp-pack-card .hp-pack-open {
appearance: none;
-webkit-appearance: none;
border: 0;
margin: 0;
display: inline-block;
border: 0;
cursor: pointer;
padding: .85em 1.6em;
border-radius: 14px;
font-weight: 800;
font-size: 1em;
color: #fff; background-color: #8b5cf6;
background-image: linear-gradient(90deg, #8b5cf6, #ff7ad9);
box-shadow: 0 10px 26px rgba(139, 92, 246, .35);
transition: transform .12s ease, filter .15s ease;
}
.hp-pack-buy .hp-pack-open:hover,
.hp-pack-card .hp-pack-open:hover { filter: brightness(1.08); transform: translateY(-1px); color: #fff; } .hp-packs-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; margin: 8px 0; }
.hp-pack-card {
background: rgba(20, 18, 48, .55);
border: 1px solid rgba(255, 122, 217, .35);
border-radius: 18px;
overflow: hidden;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: flex; flex-direction: column;
}
.hp-pack-card-media img { width: 100%; height: auto; display: block; }
.hp-pack-card-body { padding: 14px 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.hp-pack-card-body h3 { margin: 0; font-size: 1.05em; }
.hp-pack-card-meta { margin: 0; opacity: .75; font-size: .88em; }
.hp-pack-card-price { margin: 0 0 6px; font-weight: 800; font-size: 1.15em; } .hp-pack-modal { position: fixed; inset: 0; z-index: 2147481000; display: flex; align-items: center; justify-content: center; padding: 18px; }
.hp-pack-backdrop {
position: absolute; inset: 0;
background: rgba(11, 27, 58, .8);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
opacity: 0; transition: opacity .25s ease;
}
.hp-pack-modal.is-open .hp-pack-backdrop { opacity: 1; }
.hp-pack-panel {
position: relative;
width: min(680px, 100%);
max-height: min(84vh, 760px);
display: flex; flex-direction: column;
background: rgba(20, 18, 48, .92);
border: 1px solid rgba(255, 122, 217, .4);
border-radius: 20px;
color: #fff;
box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
opacity: 0; transform: scale(.92) translateY(14px);
transition: opacity .26s ease, transform .34s cubic-bezier(.2, .8, .25, 1);
}
.hp-pack-modal.is-open .hp-pack-panel { opacity: 1; transform: none; }
.hp-pack-head { display: flex; align-items: center; gap: 12px; padding: 16px 18px 12px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.hp-pack-head h3 { margin: 0; flex: 1; font-size: 1.1em; color: #fff; } .hp-pack-head .hp-pack-x {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
border: 0;
padding: 0;
margin: 0;
background: rgba(255, 255, 255, .1);
color: #fff;
width: 34px;
height: 34px;
border-radius: 50%;
cursor: pointer;
font-size: 16px;
font-weight: 400;
line-height: 1;
box-shadow: none;
}
.hp-pack-head .hp-pack-x:hover { background: rgba(255, 255, 255, .2); color: #fff; }
.hp-pack-list {
overflow-y: auto;
scrollbar-gutter: stable;
padding: 12px 18px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.hp-pack-list::-webkit-scrollbar { width: 8px; }
.hp-pack-list::-webkit-scrollbar-thumb { background: rgba(255, 122, 217, .35); border-radius: 99px; }
.hp-pack-list::-webkit-scrollbar-track { background: transparent; }
@media (max-width: 560px) { .hp-pack-list { grid-template-columns: 1fr; } }
.hp-pack-item {
display: flex; align-items: center; gap: 10px;
background: rgba(255, 255, 255, .05);
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 14px;
padding: 8px 10px;
transition: border-color .15s ease, background .15s ease;
}
.hp-pack-item.is-picked { border-color: #ff7ad9; background: rgba(255, 122, 217, .1); }
.hp-pack-item img { width: 44px; height: 44px; object-fit: cover; border-radius: 10px; background: rgba(255,255,255,.9); flex: none; }
.hp-pack-item-name { flex: 1; min-width: 0; font-size: .84em; line-height: 1.3; overflow-wrap: anywhere; }
.hp-pack-step { display: flex; align-items: center; gap: 6px; flex: none; }
.hp-pack-step button {
appearance: none;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1.5px solid rgba(255, 122, 217, .6);
padding: 0;
margin: 0;
background: transparent;
background-image: none;
color: #ff7ad9;
width: 28px;
height: 28px;
border-radius: 50%;
cursor: pointer;
font-size: 16px;
font-weight: 700;
line-height: 1;
box-shadow: none;
transition: background .12s ease, color .12s ease;
}
.hp-pack-step button:hover:not(:disabled) { background: #ff7ad9; color: #14142b; }
.hp-pack-step button:disabled { opacity: .3; cursor: default; }
.hp-pack-step output { min-width: 18px; text-align: center; font-weight: 800; font-size: .95em; }
.hp-pack-foot { padding: 12px 18px 16px; border-top: 1px solid rgba(255, 255, 255, .1); display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.hp-pack-progress { flex: 1; min-width: 140px; }
.hp-pack-progress-label { font-size: .85em; opacity: .85; margin-bottom: 5px; }
.hp-pack-bar { height: 8px; border-radius: 99px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.hp-pack-bar span { display: block; height: 100%; width: 0; border-radius: 99px; background: linear-gradient(90deg, #8b5cf6, #ff7ad9); transition: width .25s ease; }
.hp-pack-foot .hp-pack-confirm {
appearance: none;
-webkit-appearance: none;
border: 0;
margin: 0;
cursor: pointer;
padding: .8em 1.5em; border-radius: 14px;
font-weight: 800; color: #fff; font-size: .95em;
background-color: #8b5cf6;
background-image: linear-gradient(90deg, #8b5cf6, #ff7ad9);
box-shadow: 0 10px 26px rgba(139, 92, 246, .35);
transition: filter .15s ease, opacity .15s ease;
}
.hp-pack-foot .hp-pack-confirm:disabled { opacity: .35; cursor: default; box-shadow: none; }
.hp-pack-foot .hp-pack-confirm:hover:not(:disabled) { filter: brightness(1.08); color: #fff; }
.hp-pack-msg { width: 100%; margin: 0; font-size: .88em; min-height: 1.2em; }
.hp-pack-msg.is-ok { color: #7dffb0; }
.hp-pack-msg.is-err { color: #ff9d9d; }
.hp-pack-loading { padding: 40px; text-align: center; opacity: .8; }
@media (prefers-reduced-motion: reduce) {
.hp-pack-panel, .hp-pack-backdrop, .hp-pack-bar span { transition: none; }
} ul.products li.product a.button.hp-pack-grid-link,
ul.products li.product button.button.hp-pack-grid-link {
background-color: #f5b301;
background-image: linear-gradient(180deg, #ffd23f, #f5b301);
color: #1a1400 !important;
font-weight: 800;
border: 0;
border-radius: 14px;
box-shadow: 0 5px 0 #9c6b00;
transition: transform .08s ease, box-shadow .08s ease;
}
ul.products li.product a.button.hp-pack-grid-link:active,
ul.products li.product button.button.hp-pack-grid-link:active {
transform: translateY(4px);
box-shadow: 0 1px 0 #9c6b00;
}  .hp-pack-buy {
margin: 14px 0;
padding: 22px 24px 26px;
border-radius: 20px;
background-color: rgba(20, 18, 48, .55);
background-image: linear-gradient(160deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .03));
border: 1px solid rgba(255, 122, 217, .35);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 14px 34px rgba(0, 0, 0, .35);
text-align: center;
}
.hp-pack-buy-kicker {
margin: 0 0 4px;
font-size: .8em;
font-weight: 800;
letter-spacing: .14em;
text-transform: uppercase;
color: #ff7ad9;
}
.hp-pack-note { margin: 0 0 16px; opacity: 1; color: #f4f2ff; }
.hp-pack-note strong { color: #ffd75e; } .hp-pack-buy .hp-pack-open {
font-size: 1.12em;
padding: .95em 2.4em;
background-color: #f5b301;
background-image: linear-gradient(180deg, #ffd23f, #f5b301);
color: #1a1400;
box-shadow: 0 6px 0 #9c6b00, 0 14px 30px rgba(0, 0, 0, .35);
transition: transform .1s ease, box-shadow .1s ease, filter .15s ease;
}
.hp-pack-buy .hp-pack-open:hover {
filter: brightness(1.06);
color: #1a1400;
transform: translateY(-2px);
box-shadow: 0 8px 0 #9c6b00, 0 18px 36px rgba(0, 0, 0, .4);
}
.hp-pack-buy .hp-pack-open:active {
transform: translateY(5px);
box-shadow: 0 1px 0 #9c6b00, 0 6px 14px rgba(0, 0, 0, .3);
filter: none;
} body.hp-pack-single .woocommerce-product-details__short-description,
body.hp-pack-single .woocommerce-product-details__short-description p,
body.hp-pack-single .elementor-widget-woocommerce-product-short-description p {
color: rgba(244, 242, 255, .82) !important;
} .hp-pack-foot .hp-pack-confirm {
background-color: #f5b301;
background-image: linear-gradient(180deg, #ffd23f, #f5b301);
color: #1a1400;
border: 0;
border-radius: 14px;
font-weight: 800;
box-shadow: 0 5px 0 #9c6b00;
transition: transform .1s ease, box-shadow .1s ease, filter .15s ease;
}
.hp-pack-foot .hp-pack-confirm:hover:not(:disabled) {
filter: brightness(1.06);
color: #1a1400;
transform: translateY(-2px);
box-shadow: 0 7px 0 #9c6b00;
}
.hp-pack-foot .hp-pack-confirm:active:not(:disabled) {
transform: translateY(4px);
box-shadow: 0 1px 0 #9c6b00;
filter: none;
}
.hp-pack-foot .hp-pack-confirm:disabled {
opacity: .45;
box-shadow: 0 5px 0 rgba(156, 107, 0, .5);
color: rgba(26, 20, 0, .7);
}
.hp-pack-bar span {
background-color: #ffc200;
background-image: linear-gradient(90deg, #ffd75e, #ffc200 45%, #ff7ad9);
} ul.products li.product.hp-pack-product > a > img {
aspect-ratio: 5 / 6;
object-fit: contain;
height: auto;
clip-path: url(#hp-squircle-5x6);
}
ul.products li.product.hp-pack-product { cursor: pointer; } body.hp-pack-single .woocommerce-product-gallery__image {
clip-path: url(#hp-squircle);
border-radius: 22.37%;
overflow: hidden;
}
body.hp-pack-single .woocommerce-product-gallery__image > a,
body.hp-pack-single .woocommerce-product-gallery__image img.wp-post-image { display: block; } @media (min-width: 1025px) {
body.hp-pack-single .elementor-widget-woocommerce-product-images { padding-right: 44px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
body.hp-pack-single .elementor-widget-woocommerce-product-images { padding-right: 28px; }
}
@media (max-width: 767px) {
body.hp-pack-single .elementor-widget-woocommerce-product-images { padding-bottom: 12px; }
} .hp-pack-card-media { display: block; padding: 10px 10px 0; }
.hp-pack-card-media img { clip-path: url(#hp-squircle); border-radius: 22.37%; } .hp-pack-item { cursor: pointer; }
.hp-pack-item-imgbox {
width: 62px;
height: 62px;
border-radius: 12px;
overflow: hidden;
flex: none;
background: rgba(255, 255, 255, .06);
display: block;
}
.hp-pack-item .hp-pack-item-imgbox img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.5);
border-radius: 0;
background: transparent;
display: block;
}
.hp-pack-item-name { display: flex; flex-direction: column; gap: 3px; }
.hp-pack-item-price { font-size: .95em; font-weight: 800; color: #ffd75e; }  .hp-pack-panel {
transform: scale(.86) translateY(18px);
transition:
opacity .3s ease,
transform .42s cubic-bezier(.22, 1, .36, 1);
will-change: transform, opacity;
}
.hp-pack-modal.is-open .hp-pack-panel { opacity: 1; transform: scale(1) translateY(0); }
.hp-pack-modal.is-closing .hp-pack-panel {
opacity: 0;
transform: scale(.94) translateY(8px);
transition: opacity .18s ease, transform .2s ease;
}
.hp-pack-backdrop { transition: opacity .3s ease; } .hp-pack-list .hp-pack-item {
opacity: 0;
transform: translateY(16px);
transition:
opacity .32s ease,
transform .32s cubic-bezier(.22, 1, .36, 1),
border-color .15s ease,
background .15s ease;
}
.hp-pack-list .hp-pack-item.is-in { opacity: 1; transform: none; } .hp-pack-list .hp-pack-item:active { transform: scale(.985); }
@media (prefers-reduced-motion: reduce) {
.hp-pack-panel,
.hp-pack-list .hp-pack-item { transition: opacity .18s ease; transform: none !important; }
} .hp-pack-modal.is-veiled .hp-pack-backdrop { opacity: 1; } .hp-pack-spec {
list-style: none;
margin: 18px 0 10px;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, .14);
}
.hp-pack-spec li {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
margin: 0;
padding: 11px 2px;
border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.hp-pack-spec li::before { content: none; } .hp-pack-spec span {
font-size: .78em;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
color: rgba(244, 242, 255, .62);
} .hp-pack-spec strong,
.hp-pack-spec strong .woocommerce-Price-amount,
.hp-pack-spec strong .woocommerce-Price-currencySymbol {
font-size: 1.05em;
font-weight: 800;
color: #f4f2ff;
text-align: right;
letter-spacing: 0;
}
.hp-pack-spec .hp-pack-spec-save strong,
.hp-pack-spec .hp-pack-spec-save strong .woocommerce-Price-amount,
.hp-pack-spec .hp-pack-spec-save strong .woocommerce-Price-currencySymbol { color: #5ce0a0; }
.hp-pack-compare .woocommerce-Price-amount { color: #ffd75e; font-weight: 700; }
.hp-pack-compare {
margin: 0 0 4px;
font-size: .9em;
line-height: 1.55;
color: rgba(244, 242, 255, .72);
} .hp-pack-panel { position: relative; }
.hp-pack-toast {
position: absolute;
top: 66px; left: 50%;
z-index: 5;
max-width: min(88%, 420px);
padding: 10px 16px;
border-radius: 999px;
font-size: .84em;
font-weight: 700;
line-height: 1.35;
text-align: center;
color: #2a1200;
background-color: #ffd23f;
background-image: linear-gradient(180deg, #ffe07a, #ffc200);
box-shadow: 0 10px 26px rgba(0, 0, 0, .45);
opacity: 0;
transform: translate(-50%, -14px) scale(.94);
pointer-events: none;
transition: opacity .2s ease, transform .28s cubic-bezier(.22, 1, .36, 1);
}
.hp-pack-toast.is-on { opacity: 1; transform: translate(-50%, 0) scale(1); }
@keyframes hp-pack-shake {
0%, 100% { transform: translateX(0); }
15% { transform: translateX(-7px); }
30% { transform: translateX(6px); }
45% { transform: translateX(-4px); }
60% { transform: translateX(3px); }
80% { transform: translateX(-2px); }
}
.hp-pack-list .hp-pack-item.is-shake {
animation: hp-pack-shake .48s ease;
border-color: #ff6f8d;
background: rgba(255, 111, 141, .12);
} .hp-pack-step button.is-maxed { opacity: .3; }
.hp-pack-step button.is-maxed:hover { background: transparent; color: #ff7ad9; }
@media (prefers-reduced-motion: reduce) {
.hp-pack-list .hp-pack-item.is-shake { animation: none; }
.hp-pack-toast { transition: opacity .15s ease; transform: translate(-50%, 0); }
}