/*
=================
Table of Contents
=================
01. GENERAL
    1.1 - Basics Styles
    1.2 - BrickWall Styles
    1.3 - Selection

02. TYPOGRAPHY
    2.1 - Basics Typography
    2.2 - Blockquote
    2.3 - Lists
    2.4 - Marked List
    2.5 - Headings
    2.6 - Alignment

03. FORMS AND FIELDS

04. HEADER
    4.1 - General Header
    4.2 - Main Menu
    4.3 - Sub-Menu
    4.4 - Mobile Menu Container

05. MAIN CONTAINER

06. FOOTER
    6.1 - General Footer
    6.2 - Footer Widgets
    6.3 - Footer Line
    6.4 - Socials List

07. HERO SECTIONS
    7.1 - Info Line
    7.2 - Layout 01
    7.3 - Layout 02
    7.4 - Layout 03
    7.5 - Layout 04 
    7.6 - Layout 05 
    7.7 - Layout 06 
    7.8 - Layout 07 
    7.9 - Layout 08 

08. SCROLLING ELEMENTS
    8.1 - Smooth Scroll 
    8.2 - Mask Fill Text 
    8.3 - Expanded Section 

09. ELEMENTS
    9.1 - Base Grid
    9.2 - Lazy Loader 
    9.3 - Masked Block 
    9.4 - Icons 
    9.5 - Block Item 
    9.6 - Tags List 
    9.7 - Link with Arrow 
    9.8 - Icon Link 
    9.9 - Square Button 
   9.10 - Price Card 
   9.11 - Marquee List 
   9.12 - Counter Block 
   9.13 - Porftolio Grid Card 
   9.14 - Portfolio Short List 
   9.15 - Testimonials Grid Card 
   9.16 - Carousel Card 
   9.17 - List with Preview 
   9.18 - Carousel (Swiper) 
   9.19 - Detailed List 
   9.20 - Image Box 
   9.21 - Icon Box 
   9.22 - Grid More Masked 
   9.23 - Price Table Card 
   9.24 - FAQ List 
   9.25 - Toggles 
   9.26 - Swiper Slider 
   9.27 - Fullscreen Slider 
   9.28 - Portfolio Next Post 
   9.29 - Bento Grid Block 
   9.30 - Meta List 
   9.31 - Masked CTA 
   9.32 - Member Contacts 
   9.33 - Infinite List 
   9.34 - Column Listing Item 
   9.35 - Grid CTA 
   9.36 - CTA with Image 
   9.37 - Right Click Protection 

10. PHOTOSWIPE

11. HOVER STATES

12. ANIMATIONS
    12.1 - Keyframes
    12.2 - Entrance Animations
    
====================================== */


/** ===========
    01. GENERAL
    =========== */

@import url("stg.css");
* {
    box-sizing: border-box;
    outline: none;
}

 :root {
    --purchase-border-mask: linear-gradient(#000, #000) content-box content-box, linear-gradient(#000, #000);
}

 ::-webkit-scrollbar {
    width: 5px!important;
}

 ::-webkit-scrollbar-track {
    background: transparent!important;
}

 ::-webkit-scrollbar-thumb {
    background: #c5b6de!important;
    border-radius: 20px!important;
}

body,
html {
    padding: 0;
    margin: 0;
    min-height: 100%;
    max-width: 100vw;
    overscroll-behavior: none;
}

body {
    overflow-x: hidden;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    font-family: var(--purchase-t-content-ff);
    font-size: var(--purchase-t-content-fs);
    line-height: var(--purchase-t-content-lh);
    font-weight: var(--purchase-t-content-fw);
    color: var(--purchase-s-text);
    background: var(--purchase-s-body-bg);
    user-select: none;
    font-feature-settings: "ss01";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

body.is-unloading {
    pointer-events: none;
}

body.purchase-fullscreen-page {
    overflow: hidden;
}

body.purchase-fullscreen-page {
    height: 100svh;
}

body.is-loaded {
    opacity: 1;
}

body.is-unloaded {
    mask-position: 175%;
    transition: mask-position 0.75s;
}

iframe {
    max-width: 100%;
}

iframe.purchase-google-map {
    border-radius: var(--purchase-small-br);
}

img,
video {
    display: block;
    max-width: 100%;
    height: auto;
}

img,
video {
    border-radius: var(--purchase-default-br);
}

header img,
header video,
footer video,
footer img,
.purchase-logo img {
    border-radius: unset;
}

.purchase-logo {
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.purchase-logo:hover {
    opacity: 1;
}

.purchase-parallax-media:not([class*='purchase-grid']),
.purchase-parallax-media .st-lazy-wrapper,
.purchase-parallax-image {
    overflow: hidden;
    border-radius: var(--purchase-default-br);
}

.pswp {
    display: none;
}

.pswp.pswp--open {
    display: block;
}

[data-bg-src] {
    background: var(--purchase-s-container-bg) no-repeat center;
    background-size: cover;
    position: relative;
}

.purchase-grid-item-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 7;
    border-radius: inherit;
}


/* === BrickWall Styles === */

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}


/* Hide the tooltip content by default */

[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}


/* Position tooltip above the element */

[data-tooltip]:before {
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0px;
    padding: 7px 10px;
    border-radius: 8px;
    max-width: 200px;
    white-space: nowrap;
    background-color: #0f3822;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
}


/* Triangle hack to make tooltip look like a speech bubble */

[data-tooltip]:after {
    position: absolute;
    bottom: 145%;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -5px;
    width: 0;
    border-top: 5px solid #0f3822;
    border-top: 5px solid #0f3822;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}


/* Show tooltip content on hover */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.purchase-drop {
    position: fixed;
    bottom: 2.8rem;
    left: 1.1rem;
    background-color: #ffffff1f !important;
    padding: 10px 14px;
    border-radius: 50px;
    z-index: 999999;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 2px;
    transition: all 0.2s ease-in-out;
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}

.purchase-drop svg {
    width: 18px;
    height: 18px;
    display: block;
}

.purchase-drop span {
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}

.purchase-drop a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.purchase-drop:hover {
    background-color: #ffffff14 !important;
}

.brickwall-grid {
    position: relative;
}

.brickwall-grid>div {
    position: absolute;
    left: 0;
    top: 0;
}

.brickwall-grid>div.is-appended,
.brickwall-grid>div.is-prepended {
    transform: scale(0);
}

.brickwall-grid:not(.animation--none)>div.brickwall-item {
    transition: transform 0.4s, opacity 0.4s;
    will-change: transform, opacity;
}

.brickwall-grid.animation--slow>div.brickwall-item {
    transition: transform 0.8s, opacity 0.8s;
    will-change: transform, opacity;
}


/* === Selection === */

 ::selection {
    color: #ffffff;
    background-color: var(--purchase-s-accent);
}

img,
a img,
.purchase-counter,
header#purchase-header,
.swiper,
.disable-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/** ==============
    02. TYPOGRAPHY
    ============== */

.purchase-highlight {
    color: var(--purchase-s-heading);
}

strong {
    font-weight: var(--purchase-t-heading-fw);
    color: var(--purchase-s-heading);
}

p {
    margin: 0 0 24px 0;
}

.purchase-large-text {
    font-size: var(--purchase-t-large-fs);
    line-height: var(--purchase-t-content-lh);
    color: var(--purchase-s-heading);
}

p:last-child {
    margin: 0;
}

p:empty {
    display: none;
}

.hide {
    display: none !important;
}

a {
    position: relative;
}

a,
a:focus,
a:visited {
    text-decoration: none;
}

a {
    transition: color 0.3s;
    z-index: 9999;
    color: #6C2DC7;
}

address {
    margin: 0 0 28px 0;
}

ins,
tt,
kbd,
code,
pre {
    padding: 7px 15px 8px 15px;
    display: inline-block;
    margin: 10px 0;
    max-width: 100%;
}

tt,
kbd,
code {
    margin: 0 5px;
}

abbr {
    text-transform: uppercase;
}

ins,
acronym,
abbr {
    text-decoration: none;
}

kbd,
code {
    margin: 10px 5px;
    font-family: monospace;
}

pre {
    white-space: pre-wrap;
    margin-bottom: 1.65em;
}

hr {
    border: none;
    width: 100%;
    height: 1px;
    background: var(--purchase-c-border-gradient);
    margin: 1.65em 0;
}

hr:first-child {
    margin-top: 0;
}

hr:first-child {
    margin-bottom: 0;
}

label,
blockquote cite,
.purchase-label {
    font-size: var(--purchase-t-input-fs);
    font-weight: var(--purchase-t-meta-fw);
    color: var(--purchase-s-heading);
    margin-bottom: 4px;
    font-family: var(--purchase-t-content-ff);
    font-weight: 500!important;
}

sup {
    font-size: 0.4em;
    margin-right: 2px;
    display: inline-block;
    transform: translateY(0.05em);
}

.purchase-title-with-label h1 {
    margin-bottom: 0;
}

.purchase-title-with-label .purchase-label:first-child {
    display: block;
    margin-bottom: var(--stg-xs-gap);
}

.purchase-title-with-label .purchase-label:last-child {
    display: block;
    margin-top: 4px;
    margin-bottom: 0;
}

.is-dropcap::first-letter {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    line-height: var(--purchase-t-h2-lh);
    color: var(--purchase-s-heading);
    font-size: var(--purchase-t-h2-fs);
    display: block;
    float: left;
    margin: -6px 16px -8px 0;
}


/* Blockquote */

blockquote cite {
    opacity: 1;
    position: relative;
}

blockquote cite::before {
    content: '';
    width: 8px;
    height: 2px;
    background-color: var(--purchase-s-heading);
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    transform: translateY(-1px);
}

cite {
    text-align: right;
    display: block;
    font-style: normal;
}


/* === Lists === */

ol,
ul {
    padding: 0;
    margin: 0;
}

ol:last-child,
ul:last-child {
    margin: 0;
}

ol li,
ul li {
    padding: 0;
    margin: 0;
    list-style: disc;
}


/* === Marked List === */

.purchase-marked-list {
    padding: 0;
    margin: 0;
}

.purchase-marked-list li {
    list-style: none;
    padding: 0 0 0 28px;
    margin: 0 0 1.5em 0;
    position: relative;
}

.purchase-marked-list li:last-child {
    margin: 0;
}

.purchase-marked-list:not(:last-child) {
    margin: 0 0 1.5em 0;
}

.purchase-marked-list li::before {
    content: '';
    width: 16px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    background: #6C2DC7;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-check);
    mask-image: var(--icon-check);
}


/* === Headings === */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    color: var(--purchase-s-heading);
}

h1,
h2,
h3 {
    margin: 0 0 var(--stg-gap) 0;
}

h4,
h5,
h6 {
    margin: 0 0 var(--stg-small-gap) 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--purchase-s-heading);
}

h6 b {
    font-weight: var(--purchase-t-heading-fw);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent!important;
    display: inline-block;
    background-color: #6C2DC7;
    background-image: linear-gradient(300deg, #2196f3, #6C2DC7);
    font-weight: 500;
    font-family: var(--purchase-t-heading-ff);
}

h6.domain {
    background: #1b1d24;
    padding: 10px 0;
    text-align: center;
    border-radius: 50px;
    font-weight: 400;
    font-family: var(--purchase-t-content-ff);
    width: 100%;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 1.2em 0!important;
}

@keyframes background-animation {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 100% 0
    }
}

h1 sup,
h2 sup,
h3 sup,
h4 sup,
h5 sup,
h6 sup {
    opacity: 0.25;
}

.purchase-accent {
    color: var(--purchase-s-text-accent);
}

.is-accented .purchase-accent {
    color: var(--purchase-s-heading);
}

.purchase-page-title {
    display: block;
    width: 100%;
}

.purchase-post-title {
    margin-bottom: 0;
}

.purchase-post-title:not(:last-child),
.purchase-page-title:not(:last-child) {
    margin-bottom: var(--stg-gap);
}

.purchase-title-with-meta span:first-child {
    margin-bottom: 4px;
    display: block;
    font-weight: var(--purchase-t-heading-fw);
}

.purchase-title-with-meta span:last-child {
    margin-top: 4px;
    display: block;
}

h1.purchase-page-title {
    margin-bottom: calc( -1 * var(--stg-small-gap));
}

.purchase-section-title {
    margin-bottom: var(--stg-large-gap);
}

.purchase-section-title p.is-short {
    max-width: calc(0.5 * var(--stg-container-width));
    margin: 0 auto;
}

.purchase-page-title.is-large {
    font-size: calc(1.2 * var(--purchase-t-h1-fs));
    line-height: calc(1.2 * var(--purchase-t-h1-lh));
}

h1 {
    font-size: var(--purchase-t-h1-fs);
    line-height: var(--purchase-t-h1-lh);
    margin: var(--purchase-t-h1-margin);
}

h2 {
    font-size: var(--purchase-t-h2-fs);
    line-height: var(--purchase-t-h2-lh);
    margin: var(--purchase-t-h2-margin);
}

h3 {
    font-size: var(--purchase-t-h3-fs);
    line-height: var(--purchase-t-h3-lh);
    margin: var(--purchase-t-h3-margin);
}

h4 {
    font-size: var(--purchase-t-h4-fs);
    line-height: var(--purchase-t-h4-lh);
    margin: var(--purchase-t-h4-margin);
}

.purchase-block h4 {
    margin-bottom: var(--stg-gap);
}

h5 {
    font-size: var(--purchase-t-h5-fs);
    line-height: var(--purchase-t-h5-lh);
    margin: var(--purchase-t-h5-margin);
}

h6 {
    font-size: var(--purchase-t-h6-fs);
    line-height: var(--purchase-t-h6-lh);
    margin: var(--purchase-t-h6-margin);
}

.stg-vertical-space-between>h1,
.stg-vertical-space-between>h2,
.stg-vertical-space-between>h3,
.stg-vertical-space-between>h4,
.stg-vertical-space-between>h5,
.stg-vertical-space-between>h6 {
    margin-bottom: 0;
}

.align-center h1,
.align-center h2,
.align-center h3,
.align-center h4,
.align-center h5,
.align-center h6 {
    margin-left: auto;
    margin-right: auto;
}

.purchase-meta {
    font-size: var(--purchase-t-meta-fs);
    font-weight: var(--purchase-t-content-fw);
    font-family: var(--purchase-t-content-ff);
    color: #cdcdcd;
    margin-bottom: calc(0.5 * var(--stg-xs-gap));
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.purchase-domain {
    font-family: var(--purchase-t-content-ff);
}

.purchase-meta.purchase-highlight {
    color: var(--purchase-s-heading);
}

.purchase-meta>a,
.purchase-meta>span {
    color: var(--purchase-s-heading);
}


/* === Alignment === */

.align-left {
    text-align: left;
}

.align-center {
    text-align: center!important;
    font-size: 13px;
    font-weight: 400;
}

.align-right {
    text-align: right;
}

.align-center img {
    margin-left: auto;
    margin-right: auto;
}

.align-right img {
    margin-left: auto;
}


/** ====================
    03. FORMS AND FIELDS
    ==================== */

label {
    transition: opacity 0.2s;
    display: block;
    margin-bottom: var(--stg-gap);
    text-align: center;
}

label.in-focus {
    opacity: 1;
}

input,
textarea,
select {
    width: 100%;
    display: block;
    font-family: var(--purchase-t-content-ff);
    font-weight: var(--purchase-t-content-fw);
    font-size: var(--purchase-t-input-fs);
    line-height: 1em;
    border: 1px solid var(--purchase-s-border);
    border-radius: var(--purchase-input-br);
    background-color: #0000004a!important;
    padding: var(--purchase-input-spacing);
    color: var(--purchase-s-text);
    transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 8px transparent;
    resize: none!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-shadow: none;
    transition: .5s ease;
    font-feature-settings: "ss01";
    caret-color: #6C2DC7;
    -webkit-caret-color: #6C2DC7;
}

.pricing {
    position: relative;
    margin-bottom: var(--purchase-input-gap);
}

input.price {
    padding-left: 25px;
}

#loading svg {
    margin-right: 5px;
}

@keyframes shimmerEffect {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: 200px 0;
    }
}

p#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.4) 25%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0.4) 75%);
    background-size: 200px 100%;
    animation: shimmerEffect 1.5s infinite linear;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.pricing::before {
    content: "\20AC";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 15px;
    color: #c5c7ce;
    pointer-events: none;
    font-family: var(--purchase-t-content-ff);
}

.budget {
    position: relative;
    margin-bottom: var(--purchase-input-gap);
}

.budget::before {
    content: "\0024";
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #1787a8;
    pointer-events: none;
}

input.code {
    text-align: center!important;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--purchase-s-accent);
    color: var(--purchase-s-heading);
    box-shadow: 0 8px 16px var(--purchase-s-box-shadow);
}

input:not(:last-child),
textarea:not(:last-child),
select:not(:last-child) {
    margin-bottom: var(--purchase-input-gap);
}

textarea {
    line-height: var(--purchase-t-input-lh);
    height: 120px;
    resize: vertical;
}

.purchase-select {
    background: url(/cdn/img/arrow.svg?v2) no-repeat center right 20px;
    background-size: 18px auto;
    cursor: pointer;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button:not([class*='pswp']),
a.purchase-button {
    font-family: var(--purchase-t-content2-ff);
    font-weight: var(--purchase-t-heading2-fw);
    font-size: var(--purchase-t-button-fs);
    line-height: 1;
    padding: var(--purchase-button-spacing);
    display: inline-block;
    color: #000000;
    background: #e6e6e6;
    border-radius: 50px;
    transition: background-color 0.2s;
    cursor: pointer;
}

a.purchase-button.is-secondary,
.purchase-square-button.is-secondary {
    background: transparent;
    transition: background-color 0.3s, border-color 0.3s;
    border-color: var(--purchase-s-heading);
}

input[type="button"].is-fullwidth,
input[type="reset"].is-fullwidth,
input[type="submit"].is-fullwidth,
button.is-fullwidth,
.purchase-button.is-fullwidth {
    width: 100%;
    display: block;
    text-align: center;
}


/* === Contact Form === */

form.purchase-share {
    box-shadow: 0 8px 16px var(--purchase-s-box-shadow);
    width: 100%;
    transition: transform 0.3s;
    will-change: transform;
}

form.purchase-escrow {
    box-shadow: 0 8px 16px var(--purchase-s-box-shadow);
    width: 100%;
    transition: transform 0.3s;
    will-change: transform;
}

.purchase-escrow:not(.is-short) [type="submit"] {
    margin-bottom: 0;
    width: 100%;
}

.purchase-form-content {
    transition: opacity 0.3s;
}

form.purchase-share.is-busy .purchase-form-content {
    opacity: 0.5;
}

.purchase-share:not(.is-short) [type="submit"] {
    margin-bottom: 0;
    width: 100%;
}

.purchase-form-spinner {
    width: 60px;
    height: 2px;
    background: linear-gradient(90deg, #6C2DC7, #6C2DC7 50%, #ffffff30 50%);
    background-size: 200% 100%;
    animation: purchase-line-spin 1s infinite linear;
    pointer-events: none;
    position: absolute;
    z-index: 15;
    top: calc(50% - 2px);
    left: calc(50% - 30px);
    display: block;
    will-change: transform, opacity;
    transition: opacity 0.3s;
    border-radius: 2px;
    opacity: 0;
}

@keyframes purchase-line-spin {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.purchase-share.is-busy .purchase-form-spinner {
    opacity: 1;
}

.purchase-share.is-busy {
    transform: scale(0.95);
    pointer-events: none;
}

.purchase-share.is-error {
    animation: sta_shake 0.3s linear;
}

.purchase-share__response {
    padding-top: 20px;
    text-align: center;
    position: static;
    font-size: 12px;
    font-weight: 500;
    color: var(--purchase-s-heading);
    width: 100%;
    height: 30px;
}

.is-short .purchase-share__response {
    position: absolute;
    top: 100%;
    left: 0;
}

.purchase-masked-cta .purchase-share__response {
    top: auto;
    bottom: calc( 0.5 * (var(--stg-large-gap) - var(--purchase-t-content-lh)));
}


/** ==========
    04. HEADER
    ========== */

#purchase-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 111;
    background: var(--purchase-s-nav);
}

#purchase-header.is-sticky {
    position: fixed;
}

#purchase-header.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}

#purchase-header::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--purchase-c-border-gradient);
    position: absolute;
    bottom: 0;
    left: 0;
}

#purchase-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( 0deg, transparent 25%, var(--purchase-s-body-bg) 100%);
    display: block;
}

.no-header-border #purchase-header::after {
    display: none;
}

.purchase-header-inner {
    padding: var(--purchase-header-spacing) 0;
    min-height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: var(--stg-container-width);
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.purchase-header-rp a svg {
    margin-bottom: -4px;
    margin-right: 3px;
}

.purchase-mobile-header-inner {
    display: none;
}


/* === Main Menu === */

.purchase-active-menu-ind {
    position: absolute;
    width: calc(var(--active-width) - 0.5 * var(--purchase-menu-gap));
    height: 2px;
    background-color: #6C2DC7;
    border-radius: 1px;
    left: calc(var(--active-left) + 0.25 * var(--purchase-menu-gap));
    bottom: 0;
}

.purchase-active-menu-ind::before {
    content: '';
    height: var(--st-header-height);
    width: 200%;
    background: radial-gradient(ellipse at center bottom, #6C2DC7 10%, transparent 60%) no-repeat bottom center;
    display: block;
    position: absolute;
    bottom: 100%;
    left: -50%;
    opacity: 0.1;
}

nav.purchase-nav ul.main-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(0.5 * var(--purchase-menu-gap));
    --stea-move: var(--stg-small-gap);
}

ul.main-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: var(--purchase-t-menu-ff);
    font-weight: var(--purchase-t-content-fw);
    font-size: var(--purchase-t-menu-fs);
    line-height: var(--purchase-t-menu-lh);
    position: relative;
}

ul.sub-menu li {
    font-family: var(--purchase-t-submenu-ff);
    font-weight: var(--purchase-t-submenu-fw);
    font-size: var(--purchase-t-submenu-fs);
    line-height: var(--purchase-t-submenu-lh);
}

ul.main-menu li.purchase-menu-divider {
    position: relative;
    padding: 12px 0;
    height: 1px;
    pointer-events: none;
}

ul.main-menu li.purchase-menu-divider::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--purchase-c-border-gradient);
    position: absolute;
    left: 0;
    top: 12px;
    opacity: 0.5;
}

nav.purchase-nav ul.main-menu>li>a {
    padding: calc(0.25 * var(--purchase-menu-gap));
}

ul.main-menu a {
    color: var(--purchase-c-menu);
    display: block;
    transition: color 0.3s;
}

ul.main-menu li.current-menu-parent>a,
ul.main-menu li.current-menu-item>a,
ul.main-menu li.current-menu-ancestor>a {
    color: var(--purchase-c-menu-active);
    font-weight: var(--purchase-t-heading-fw);
    cursor: default;
}

#purchase-header ul.sub-menu>li.current-menu-item a::after,
#purchase-header ul.sub-menu>li.current-menu-parent a::after {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% - 16px);
    left: -8px;
    top: 8px;
    background: #6C2DC7;
    border-radius: 1px;
}

ul.main-menu li.menu-item-has-children>a::after {
    content: '';
    width: var(--purchase-t-menu-fs);
    height: var(--purchase-t-menu-fs);
    background: var(--purchase-c-menu);
    transition: background-color 0.3s;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-chevron-down);
    mask-image: var(--icon-chevron-down);
    transform: scale(1.5) translateY(-1px);
}

ul.main-menu li.menu-item-has-children.current-menu-parent>a::after,
ul.main-menu li.menu-item-has-children.current-menu-item>a::after,
ul.main-menu li.menu-item-has-children.current-menu-ancestor>a::after {
    color: var(--purchase-c-menu-active);
}


/* Sub-Menu */

nav.purchase-nav ul.sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: -16px;
    width: var(--purchase-sub-menu-width);
    background: var(--purchase-s-container-bg) radial-gradient(circle at center bottom, var(--purchase-s-backlight) 0%, transparent) no-repeat;
    z-index: 222;
    border-radius: var(--purchase-small-br);
    padding: 8px;
    transition: opacity 0.2s, transform 0.2s;
    will-change: opacity, transform;
    pointer-events: none;
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: 50% 0%;
}

nav.purchase-nav ul.sub-menu ul.sub-menu {
    top: -8px;
    left: calc(100% + 16px);
    z-index: 223;
    transform: scale(0, 1);
    transform-origin: 0% 50%;
}

nav.purchase-nav ul.sub-menu::before,
nav.purchase-nav ul.sub-menu ul.sub-menu::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    user-select: none;
}

nav.purchase-nav ul.sub-menu::before {
    right: 0;
    bottom: 0;
    inset: 0px;
    padding: 1px;
    background: linear-gradient( 0deg, var(--purchase-s-border), var(--purchase-s-backlight));
    mask: var(--purchase-border-mask);
    -webkit-mask: var(--purchase-border-mask);
    border-radius: var(--purchase-small-br);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
}

nav.purchase-nav ul.sub-menu ul.sub-menu::after {
    width: 32px;
    height: 100%;
    top: 0;
    left: -24px;
    background: transparent;
}

nav.purchase-nav ul.sub-menu li {
    position: relative;
    z-index: 3;
}

nav.purchase-nav ul.sub-menu li::before {
    content: '';
    background: var(--purchase-s-backlight);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: var(--purchase-xs-br);
    transition: opacity 0.3s;
    will-change: opacity;
    opacity: 0;
}

nav.purchase-nav ul.sub-menu li a {
    padding: 12px;
    position: relative;
    z-index: 4;
}

nav.purchase-nav ul.sub-menu li.menu-item-has-children>a::after {
    position: absolute;
    right: 8px;
    top: calc(50% - calc(0.5 * var(--purchase-t-menu-fs)));
    mask-image: var(--icon-menu-chevron);
    -webkit-mask-image: var(--icon-menu-chevron);
    transform: scale(1.5) translateX(0px);
}


/* Show Sub-Menu Event */

nav.purchase-nav li.menu-item-has-children:hover>ul.sub-menu {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}


/* Mobile Menu Container */

.purchase-mobile-nav {
    position: fixed;
    right: 0;
    top: var(--st-header-height);
    width: 100%;
    height: calc(100% - var(--st-header-height));
    max-width: 390px;
    z-index: 999999;
    background: var(--purchase-s-nav);
    contain: paint;
    overflow-y: scroll;
    scrollbar-width: none;
    pointer-events: none;
    transform: translateX(100%);
    transition: transform 0.3s;
    will-change: transform;
    display: none;
}

.purchase-mobile-nav.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}


/** ==================
    05. MAIN CONTAINER
    ================== */

main#purchase-main {
    position: relative;
    z-index: 5;
    contain: paint;
    padding-top: var(--st-header-height);
    transition: opacity 0.5s;
    will-change: opacity;
}

body:not(.is-loaded) main#purchase-main {
    opacity: 0;
}

body.purchase-fullscreen-page main#purchase-main {
    transition: opacity 0.5s, transform 0.8s;
    will-change: transform, opacity;
}

body.purchase-fullscreen-page:not(.is-loaded) main#purchase-main {
    transform: scale(1.05);
}

#purchase-main.purchase-min-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 0 0 var(--st-footer-height) 0;
    min-height: calc(100svh - var(--st-footer-height));
}

body.purchase-fullscreen-page main#purchase-main {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100svh;
    padding-top: 0;
}

section {
    padding: var(--purchase-section-gap) 0;
    position: relative;
}

section>div {
    position: relative;
    z-index: 5;
}

section[data-padding="none"] {
    padding-top: 0;
    padding-bottom: 0;
}

section[data-padding="top"] {
    padding-bottom: 0;
}

section[data-padding="bottom"] {
    padding-top: 0;
}

section[data-padding="small"] {
    padding: calc(0.5 * var(--purchase-section-gap)) 0;
}

section.is-fullwidth {
    max-width: 100svw;
    --purchase-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width)));
    margin-left: calc(-1 * var(--purchase-fw-spacing));
    margin-right: calc(-1 * var(--purchase-fw-spacing));
    padding-left: var(--purchase-fw-spacing);
    padding-right: var(--purchase-fw-spacing);
}

section.is-fullwidth.backlight-bottom.fit {
    width: 100vw;
    /* Full width of the viewport */
    height: 90vh;
    /* Full height of the viewport */
    display: flex;
    /* Center content */
    justify-content: center;
    align-items: center;
}

section.is-fullwidth.is-stretched {
    padding-left: 0;
    padding-right: 0;
}

section.is-fullwidth.is-stretched>.is-boxed {
    --purchase-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width)));
    padding-left: var(--purchase-fw-spacing);
    padding-right: var(--purchase-fw-spacing);
}

section.backlight-top::before,
section.backlight-bottom::after,
section.backlight-both::before,
section.backlight-both::after,
section.divider-both::before,
section.divider-both::after,
section.divider-top::before,
section.divider-bottom::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
    pointer-events: none;
}

.stg-container.is-fullwidth section.backlight-top::before,
.stg-container.is-fullwidth section.backlight-bottom::after,
.stg-container.is-fullwidth section.backlight-both::before,
.stg-container.is-fullwidth section.backlight-both::after,
.stg-container.is-fullwidth section.divider-both::before,
.stg-container.is-fullwidth section.divider-both::after,
.stg-container.is-fullwidth section.divider-top::before,
.stg-container.is-fullwidth section.divider-bottom::after,
section.is-fullwidth.backlight-top::before,
section.is-fullwidth.backlight-bottom::after,
section.is-fullwidth.backlight-both::before,
section.is-fullwidth.backlight-both::after,
section.is-fullwidth.divider-both::before,
section.is-fullwidth.divider-both::after,
section.is-fullwidth.divider-top::before,
section.is-fullwidth.divider-bottom::after {
    left: 0;
}

section.backlight-top::before,
section.backlight-bottom::after,
section.backlight-both::before,
section.backlight-both::after {
    width: 100vw;
    height: 50vw;
}

section.backlight-top::before,
section.backlight-both::before {
    background: radial-gradient( 100vw circle at 50vw 0%, var(--purchase-s-backlight), transparent 50%);
}

section.backlight-bottom::after,
section.backlight-both::after {
    background: radial-gradient( 100vw circle at 50vw 100%, var(--purchase-s-backlight), transparent 50%);
}

section.backlight-top::before,
section.backlight-both::before {
    top: 0;
}

section.backlight-bottom::after,
section.backlight-both::after {
    bottom: 0;
}

section.divider-both::before,
section.divider-both::after,
section.divider-top::before,
section.divider-bottom::after {
    width: 100vw;
    height: 1px;
    display: block;
    background: var(--purchase-c-border-gradient);
}

section.divider-both::before,
section.divider-top::before {
    top: 0;
}

section.divider-both::after,
section.divider-bottom::after {
    bottom: 0;
}

section.backlight-top:last-child::before {
    height: 100%;
}


/* Mouse Cursor Backlight */

.purchase-backlight {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient( 50vw circle at var(--mouse-x) var(--mouse-y), #6c2dc73d, transparent 50%);
    opacity: 0.75;
    z-index: 1;
}


/** ==========
    06. FOOTER
    ========== */

.kaiber-blurry {
    flex: none;
    height: 164px;
    left: -4px;
    position: fixed;
    top: -1px;
    width: 100%;
    z-index: 9;
}

.purchase-methods input {
    display: none;
}

.purchase-methods label:last-child {
    margin-bottom: 30px;
}

.purchase-methods label {
    --border-color: #6c2dc7;
    border: 1px solid #6c2dc7;
    border-radius: 12px;
    width: 100%;
    margin: 10px;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
    background: #0e0618;
}

.purchase-methods input:checked+label {
    --border-color: #ffffff;
    border-color: var(--border-color);
    border-width: 1px;
}

.purchase-methods label:hover {
    --border-color: #ffffff;
    border-color: var(--border-color);
}

.purchase-methods {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

.purchase-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: rgb(108 45 199 / 30%);
    margin-right: 0.5rem;
    position: relative;
}

.purchase-methods input:checked+label span.purchase-circle::before {
    content: "";
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #6c2dc7;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.purchase-text {
    display: flex;
    align-items: center;
}

.purchase-amount {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-weight: bold;
    font-family: 'kom';
    line-height: 20px;
}

.purchase-info {
    position: absolute;
    display: inline-block;
    font-size: 11px;
    background-color: #6c2dc7;
    border-radius: 20px;
    padding: 1px 9px;
    top: 0;
    transform: translateY(-50%);
    right: 5px;
    color: #ffffff;
    font-family: 'kom';
    font-weight: 600;
}

.purchase-sign {
    text-align: center;
    overflow: hidden;
    margin-top: calc(-1 * var(--stg-large-gap));
}

.purchase-sign p {
    font-size: 16vw;
    line-height: .86;
    font-family: Unbounded, Purchase;
    font-weight: 400;
    color: transparent;
    position: relative;
    color: var(--purchase-s-body-bg);
    background-image: linear-gradient(180deg, #6c2dc7 70%, rgba(255, 255, 255, 0) 100.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: transparent;
}

#purchase-footer {
    position: relative;
    z-index: 22;
}

#purchase-footer.is-sticky,
.purchase-fullscreen-page #purchase-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--purchase-s-nav);
}

#purchase-footer.is-frosted,
.purchase-fullscreen-page #purchase-footer.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}

#purchase-footer a {
    color: var(--purchase-s-heading-fade);
}


/* === Footer Widgets === */

.purchase-footer-line::before,
.purchase-footer-widgets::before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--purchase-c-border-gradient);
    position: absolute;
    top: 0;
    left: 0;
}

.purchase-footer-widgets::before {
    opacity: 0.5;
}

.purchase-footer-widgets {
    padding: var(--stg-large-gap) 0;
    position: relative;
}

.purchase-footer-widgets::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #6c2dc72b radial-gradient(100vw circle at 50vw 35vw, #6c2dc766, transparent 50%);
    opacity: 0.5;
    pointer-events: none;
}

.purchase-footer-widgets .stg-container {
    position: relative;
    z-index: 3;
}

.purchase-footer-widgets h6 {
    margin-bottom: var(--stg-gap);
}

.purchase-widget ul {
    margin: 0;
    padding: 0;
}

.purchase-widget ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}


/* Widget: Info */

.purchase-info-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.purchase-info-widget .purchase-logo {
    margin: 0 0 var(--stg-gap) 0;
}

.purchase-info-description {
    margin-bottom: var(--stg-gap);
}

.purchase-info-widget .purchase-label {
    margin-bottom: var(--stg-xs-gap);
    color: var(--purchase-s-heading);
}


/* Widget: Contacts */

.purchase-contacts-widget ul li:not(:last-child) {
    margin-bottom: 16px;
}

.purchase-contacts-widget .purchase-label {
    display: block;
}


/* Widget: Menu */

.purchase-menu-widget ul li {
    margin: 0 -8px;
    position: relative;
}

.purchase-menu-widget a {
    display: block;
    padding: 8px;
    position: relative;
    z-index: 3;
    opacity: 0.7;
    transition: opacity 0.3s;
}

.purchase-menu-widget ul {
    margin: -8px 0;
}

.purchase-menu-widget ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--purchase-xs-br);
    background: #6c2dc72b;
    z-index: 1;
    opacity: 0;
    transform-origin: 0 50%;
    will-change: opacity;
    transition: opacity 0.2s;
}


/* === Footer Line === */

.no-footer-border .purchase-footer-line::before {
    display: none;
}

.purchase-footer-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-gap) 0;
    position: relative;
    font-size: var(--purchase-t-footer-fs);
    line-height: var(--purchase-t-footer-lh);
}

.purchase-footer-line:has(.align-center) {
    justify-content: center;
}

.purchase-footer-divider {
    margin: 0 8px;
}


/* === Socials List === */

ul.purchase-socials-list {
    display: flex;
    gap: var(--purchase-socials-gap);
}

ul.purchase-socials-list.stg-xs-gap {
    gap: var(--stg-xs-gap);
}

ul.purchase-socials-list.stg-small-gap {
    gap: var(--stg-small-gap);
}

ul.purchase-socials-list.stg-large-gap {
    gap: var(--stg-large-gap);
}

ul.purchase-socials-list.stg-xl-gap {
    gap: var(--stg-xl-gap);
}

.purchase-footer-line ul.purchase-socials-list {
    margin: -8px 0;
}

.purchase-socials-list li {
    list-style: none;
    padding: 0;
    display: block;
}

.purchase-socials-list a {
    position: relative;
    width: calc(var(--purchase-socials-size) + 24px);
    height: calc(var(--purchase-socials-size) + 24px);
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--purchase-xs-br);
    transition: transform 0.1s, background-color 0.3s;
    will-change: transform;
}

.purchase-socials-list a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    border-radius: var(--purchase-xs-br);
    border: 1px solid var(--purchase-s-heading);
    transition: opacity 0.3s;
    will-change: opacity;
}

.purchase-socials-list i {
    width: var(--purchase-socials-size);
    height: var(--purchase-socials-size);
    background-color: var(--purchase-s-heading);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    display: block;
    z-index: 3;
}

.purchase-socials-500px i {
    -webkit-mask-image: var(--icon-social-500px);
    mask-image: var(--icon-social-500px);
}

.purchase-socials-behance i {
    -webkit-mask-image: var(--icon-social-behance);
    mask-image: var(--icon-social-behance);
}

.purchase-socials-dribbble i {
    -webkit-mask-image: var(--icon-social-dribbble);
    mask-image: var(--icon-social-dribbble);
}

.purchase-socials-facebook i {
    -webkit-mask-image: var(--icon-social-facebook);
    mask-image: var(--icon-social-facebook);
}

.purchase-socials-flickr i {
    -webkit-mask-image: var(--icon-social-flickr);
    mask-image: var(--icon-social-flickr);
}

.purchase-socials-instagram i {
    -webkit-mask-image: var(--icon-social-instagram);
    mask-image: var(--icon-social-instagram);
}

.purchase-socials-linkedin i {
    -webkit-mask-image: var(--icon-social-linkedin);
    mask-image: var(--icon-social-linkedin);
}

.purchase-socials-patreon i {
    -webkit-mask-image: var(--icon-social-patreon);
    mask-image: var(--icon-social-patreon);
}

.purchase-donate-eth i {
    -webkit-mask-image: var(--purchase-donate-eth);
    mask-image: var(--purchase-donate-eth);
}

.purchase-socials-tiktok i {
    -webkit-mask-image: var(--icon-social-tiktok);
    mask-image: var(--icon-social-tiktok);
}

.purchase-socials-tumblr i {
    -webkit-mask-image: var(--icon-social-tumblr);
    mask-image: var(--icon-social-tumblr);
}

.purchase-socials-vimeo i {
    -webkit-mask-image: var(--icon-social-vimeo);
    mask-image: var(--icon-social-vimeo);
}

.purchase-socials-x i {
    -webkit-mask-image: var(--icon-social-x);
    mask-image: var(--icon-social-x);
}

.purchase-socials-xing i {
    -webkit-mask-image: var(--icon-social-xing);
    mask-image: var(--icon-social-xing);
}

.purchase-socials-youtube i {
    -webkit-mask-image: var(--icon-social-youtube);
    mask-image: var(--icon-social-youtube);
}


/* Framed Socials */

.purchase-socials-list.purchase-framed-socials {
    flex-wrap: wrap;
    gap: var(--stg-small-gap);
}


/** =================
    07. HERO SECTIONS
    ================= */

.purchase-hero-block .purchase-page-title {
    margin-bottom: 0;
}


/* Info Line */

.purchase-hero-info-line {
    display: flex;
    justify-content: space-between;
    --stea-move: var(--stg-gap);
}

.purchase-hero-info-line .purchase-meta {
    margin: 0;
}

.purchase-hero-info-line>div {
    width: 33.33%;
}

.purchase-hero-info-line>div:nth-child(2) {
    text-align: center;
}

.purchase-hero-info-line>div:nth-child(3) {
    text-align: right;
}


/* === Layout 01 === */

.purchase-hero-type01 .purchase-masked-block {
    --masked-inner-radius: var(--purchase-large-br);
}

.purchase-hero-type01 .purchase-masked-content {
    width: 128px;
    height: 128px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.purchase-hero-type01 .purchase-masked-content a.purchase-square-button {
    width: 112px;
    height: 112px;
    border-radius: var(--purchase-default-br);
}

.purchase-hero-type01 .purchase-masked-content a span {
    width: 32px;
    height: 32px;
}


/* Social Proof */

.purchase-hero-type01 .purchase-hero-social-proof {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: var(--stg-small-gap);
}

.purchase-hero-type01 .purchase-hero-social-proof>div {
    display: flex;
    justify-content: flex-end;
    margin-right: -4px;
    margin-bottom: 20px;
}

.purchase-hero-type01 .purchase-hero-social-proof p {
    text-align: right;
    text-transform: uppercase;
    color: var(--purchase-s-heading);
    max-width: 120px;
}

.purchase-hero-type01 .purchase-hero-social-proof img,
.purchase-hero-type01 .purchase-hero-social-proof a {
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-left: -32px;
    border: 4px solid var(--purchase-s-body-bg);
}

.purchase-hero-type01 .purchase-hero-social-proof a {
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--purchase-s-heading);
    background: var(--purchase-s-accent);
}


/* === Layout 02 === */

.purchase-hero-type02 .purchase-page-title {
    padding-right: var(--stg-gap);
    margin-bottom: var(--stg-large-gap);
    padding-bottom: 0;
}

.stg-row.purchase-hero02-row {
    padding-bottom: var(--stg-large-gap);
    width: calc(var(--stg-container-width) + var(--stg-gap));
}


/* === Layout 03 === */

.purchase-hero-type03 .purchase-hero-title-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: var(--stg-gap);
}

.purchase-hero-type03 .purchase-hero-title-wrap h1 {
    max-width: 70%;
    margin-bottom: 0;
}

.purchase-hero-type03 .purchase-hero-title-wrap>div {
    max-width: 25%;
    height: auto;
    border-radius: var(--purchase-default-br);
}

.purchase-hero-type03 .purchase-hero-media {
    aspect-ratio: 2/1;
}

.purchase-hero-type03 .purchase-hero-media video,
.purchase-hero-type03 .purchase-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.purchase-hero-type03 .purchase-hero-media-content {
    max-width: 25%;
    width: max-content;
    text-align: right;
}

.purchase-hero-type03 .purchase-hero-media-content-inner {
    padding: 0 0 calc(var(--stg-small-gap) + 4px) var(--stg-small-gap);
}

.purchase-hero-type03 svg {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    opacity: 0;
}

.purchase-hero-type03 .purchase-tags-list {
    position: absolute;
    left: var(--stg-small-gap);
    bottom: var(--stg-small-gap);
    max-width: 33%;
}

.purchase-tags-list li[data-appear] {
    --stea-move: var(--stg-small-gap);
}


/* === Layout 04 === */

.purchase-hero-type04 .purchase-large-text {
    max-width: 50%;
    margin: 0 auto;
}

.purchase-hero-type04 .purchase-hero-info-line {
    margin-bottom: var(--stg-gap);
}


/* === Layout 05 === */

.purchase-hero-type05 .purchase-title-block {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--stg-gap);
    border-radius: var(--purchase-default-br);
}

.purchase-hero-type05 .purchase-title-block .purchase-large-text {
    max-width: 425px;
}

.purchase-hero-type05 .purchase-hero-media-wrap {
    position: relative;
    border-radius: var(--purchase-default-br);
}

.purchase-hero-type05 .purchase-hero-media-wrap img {
    position: absolute;
    width: calc(100% - 2 * var(--stg-large-gap));
    height: auto;
    top: var(--stg-large-gap);
    left: var(--stg-large-gap);
    display: block;
    box-shadow: 0 8px 16px var(--purchase-s-box-shadow);
}

.purchase-hero-type05 .purchase-square-button {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: var(--purchase-default-br);
}

.purchase-hero-type05 a.purchase-square-button span.purchase-icon {
    width: 64px;
    height: 64px;
}


/* === Layout 06 === */

.purchase-hero-type06 .is-large .purchase-bento-hero-media p {
    max-width: 320px;
}

.purchase-bento-hero-media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: var(--stg-gap);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: inherit;
}

.purchase-hero-type06 .purchase-masked-block {
    --masked-inner-radius: var(--purchase-large-br);
}

.purchase-hero-type06 .purchase-masked-content.at-bottom-right {
    width: 128px;
    height: 128px;
}

.purchase-hero-type06 .purchase-masked-content.at-bottom-right a.purchase-square-button {
    margin: calc(1.5 * var(--stg-small-gap)) 0 0 calc(1.5 * var(--stg-small-gap));
}

.purchase-hero-type06 .purchase-square-button {
    width: calc(100% - 1.5 * var(--stg-small-gap));
    height: calc(100% - 1.5 * var(--stg-small-gap));
    border-radius: var(--purchase-default-br);
}

.purchase-hero-type06 .purchase-square-button span.purchase-icon {
    width: 32px;
    height: 32px;
}


/* === Layout 07 === */

.purchase-hero-type07 .purchase-hero-info-line {
    margin: var(--stg-gap) 0 var(--stg-large-gap) 0;
}


/* Social Proof */

.purchase-hero-type07 .purchase-hero-social-proof {
    margin-top: calc(-1 * var(--stg-xs-gap));
}

.purchase-hero-type07 .purchase-hero-social-proof>div {
    display: flex;
    justify-content: flex-end;
    gap: var(--stg-xs-gap);
}

.purchase-hero-type07 .purchase-hero-social-proof a,
.purchase-hero-type07 .purchase-hero-social-proof img {
    width: 128px;
    height: 128px;
    display: block;
    border-radius: var(--purchase-small-br);
}

.purchase-hero-type07 .purchase-hero-social-proof a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.purchase-hero-type07 .purchase-hero-social-proof a span {
    font-size: var(--purchase-t-meta-fs);
    font-weight: var(--purchase-t-meta-fw);
    color: var(--purchase-s-heading);
    text-transform: uppercase;
    display: block;
    height: auto;
    width: 100%;
}

.purchase-hero-type07 .purchase-hero-social-proof a h5 {
    margin: 0 0 4px 0;
}


/* === Layout 08 === */

.purchase-hero-form {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--stg-small-gap);
    width: 100%;
    padding-bottom: var(--stg-xs-gap);
}

.purchase-hero-form input {
    width: 100%;
}


/* Hide the arrows in WebKit browsers */

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}


/* Hide the arrows in Firefox */

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.purchase-hero-form button {
    padding-right: var(--stg-gap);
    padding-left: var(--stg-gap);
}

.purchase-hero-form input,
.purchase-hero-form button {
    margin: 0;
}

.purchase-partners span {
    display: block;
}

.purchase-partners .purchase-block {
    padding: 0;
    border-radius: var(--purchase-xs-br);
}


/** ======================
    08. SCROLLING ELEMENTS
    ====================== */

.st-expandable-wrap {
    overflow: hidden;
}


/* === Smooth Scroll === */

.stss-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
}

.stss-wrap.is-ready {
    position: fixed;
}

.stss-container {
    width: 100%;
    min-height: 100%;
    height: auto;
    will-change: transform;
}


/* === Mask Fill Text === */

.purchase-text-fill-mask {
    background: linear-gradient(var(--purchase-s-heading), var(--purchase-s-heading)) left top no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: var(--purchase-s-heading-fade);
}


/* === Expanded Section === */

.purchase-expand-on-scroll {
    --st-eos-init-scale: 1.25;
    --st-eos-init-clip: 0.5;
    --st-eos-br: var(--purchase-default-br);
    transform-origin: 50% 0;
}

.purchase-expand-on-scroll img,
.purchase-expand-on-scroll video {
    border-radius: 0;
}

.purchase-expand-on-scroll>* {
    width: 100%;
    height: auto;
    display: block;
}

.purchase-expand-on-scroll iframe {
    aspect-ratio: 16/9;
}


/** ============
    09. ELEMENTS
    ============ */

[class*='purchase-grid'] {
    display: grid;
    grid-column-gap: var(--stg-gap);
    grid-row-gap: var(--stg-gap);
}

.purchase-grid-1col {
    grid-template-columns: repeat(1, 1fr);
}

.purchase-grid-2cols {
    grid-template-columns: repeat(2, 1fr);
}

.purchase-grid-3cols {
    grid-template-columns: repeat(3, 1fr);
}

.purchase-grid-4cols {
    grid-template-columns: repeat(4, 1fr);
}

.purchase-grid-5cols {
    grid-template-columns: repeat(5, 1fr);
}

.purchase-grid-6cols {
    grid-template-columns: repeat(6, 1fr);
}

.purchase-subgrid-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}


/* === Lazy Loader === */

.st-lazy-wrapper {
    position: relative;
    display: block;
    border-radius: inherit;
}

.st-lazy-wrapper:has(img[data-speed]) {
    border-radius: var(--purchase-default-br);
}

.st-lazy-wrapper::before,
.st-lazy-wrapper::after {
    content: '';
    position: absolute;
    display: block;
    transition: opacity 0.3s;
    will-change: opacity;
    transition-delay: 0.05s;
}

.st-lazy-wrapper::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #070d0c;
    z-index: 4;
    border-radius: var(--purchase-default-br);
}

.st-lazy-wrapper.is-loaded::before {
    opacity: 0;
}

.st-lazy-wrapper::after {
    z-index: 5;
    width: 40px;
    height: 40px;
    border: 2px solid var(--purchase-s-border);
    border-top-color: #6C2DC7;
    animation: sta_spin 1s linear infinite;
    border-radius: 50%;
    left: calc(50% - 22px);
    top: calc(50% - 22px);
}

.st-lazy-wrapper.is-loaded::after {
    opacity: 0;
}

.st-lazy-wrapper.stop-anim::after {
    opacity: 0;
    animation: unset;
}


/* === Masked Block === */

.purchase-masked-block {
    position: relative;
    --masked-border-radius: var(--purchase-default-br);
}

.purchase-masked-content,
.purchase-masked-content.at-top-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}

.purchase-masked-content.at-top-right {
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
}

.purchase-masked-content.at-bottom-left {
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
}

.purchase-masked-content.at-bottom-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}

.purchase-masked-content.at-middle-right,
.purchase-masked-content.at-middle-left {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.purchase-masked-content.at-middle-right {
    right: 0;
    left: auto;
}

.purchase-masked-content.at-middle-left {
    left: 0;
    right: auto;
}

.purchase-masked-content.at-top-center,
.purchase-masked-content.at-bottom-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.purchase-masked-content.at-top-center {
    top: 0;
    bottom: auto;
}

.purchase-masked-content.at-bottom-center {
    bottom: 0;
    top: auto;
}


/* Square Button */

.purchase-masked-content .purchase-square-button,
.purchase-masked-content.at-top-left .purchase-square-button {
    margin: 0 var(--stg-small-gap) var(--stg-small-gap) 0;
}

.purchase-masked-content.at-top-right .purchase-square-button {
    margin: 0 0 var(--stg-small-gap) var(--stg-small-gap);
}

.purchase-masked-content.at-bottom-left .purchase-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) 0 0;
}

.purchase-masked-content.at-bottom-right .purchase-square-button {
    margin: var(--stg-small-gap) 0 0 var(--stg-small-gap);
}

.purchase-masked-content.at-top-center .purchase-square-button {
    margin: 0 var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap);
}

.purchase-masked-content.at-bottom-center .purchase-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) 0 var(--stg-small-gap);
}

.purchase-masked-content.at-middle-left .purchase-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap) 0;
}

.purchase-masked-content.at-middle-right .purchase-square-button {
    margin: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap);
}


/* Content Padding */

.purchase-masked-content>div,
.purchase-masked-content.at-top-left>div {
    padding: 0 var(--stg-small-gap) var(--stg-small-gap) 0;
}

.purchase-masked-content.at-top-right>div {
    padding: 0 0 var(--stg-small-gap) var(--stg-small-gap);
}

.purchase-masked-content.at-bottom-left>div {
    padding: var(--stg-small-gap) var(--stg-small-gap) 0 0;
}

.purchase-masked-content.at-bottom-right>div {
    padding: var(--stg-small-gap) 0 0 var(--stg-small-gap);
}

.purchase-masked-content.at-top-center>div {
    padding: 0 var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap);
}

.purchase-masked-content.at-bottom-center>div {
    padding: var(--stg-small-gap) var(--stg-small-gap) 0 var(--stg-small-gap);
}

.purchase-masked-content.at-middle-left>div {
    padding: var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap) 0;
}

.purchase-masked-content.at-middle-right>div {
    padding: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap);
}


/* === Icons === */

.purchase-icon {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background: var(--purchase-s-heading);
    display: block;
    width: 24px;
    height: 24px;
}

.purchase-icon-explore {
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
}

.purchase-icon-arrow-down {
    -webkit-mask-image: var(--icon-arrow-down);
    mask-image: var(--icon-arrow-down);
}

.purchase-icon-arrow-left {
    -webkit-mask-image: var(--icon-arrow-left);
    mask-image: var(--icon-arrow-left);
}

.purchase-icon-arrow-right {
    -webkit-mask-image: var(--icon-arrow-right);
    mask-image: var(--icon-arrow-right);
}

.purchase-icon-arrow-submit {
    -webkit-mask-image: var(--icon-arrow-submit);
    mask-image: var(--icon-arrow-submit);
}

.purchase-icon-creativity {
    -webkit-mask-image: var(--icon-creativity);
    mask-image: var(--icon-creativity);
}

.purchase-icon-collab {
    -webkit-mask-image: var(--icon-collab);
    mask-image: var(--icon-collab);
}

.purchase-icon-impact {
    -webkit-mask-image: var(--icon-impact);
    mask-image: var(--icon-impact);
}

.purchase-icon-innovation {
    -webkit-mask-image: var(--icon-innovation);
    mask-image: var(--icon-innovation);
}

.purchase-icon-chevron-left {
    -webkit-mask-image: var(--icon-chevron-left);
    mask-image: var(--icon-chevron-left);
}

.purchase-icon-chevron-right {
    -webkit-mask-image: var(--icon-chevron-right);
    mask-image: var(--icon-chevron-right);
}


/* === Block Item === */

.purchase-block {
    border-radius: var(--purchase-small-br);
    background: #0e0618;
    padding: var(--stg-gap);
    position: relative;
    --mouse-x: 50%;
    --mouse-y: 0;
}

.bentobg {
    background: #2c12555c!important;
}

.glow {
    background: #6c2dc724!important
}

.style3 {
    background: #19072f!important
}

.main-color {
    background: #1d0a38!important;
}

.black {
    background: #000000!important;
}

.style5 {
    background: #3498db24!important;
}

.style6 {
    background: #9b59b624!important;
}

.sedo {
    background: #005ca926;
}

.purchase-block.stg-valign-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.purchase-block.is-frosted {
    background: var(--purchase-s-container-frosted);
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}

[class*='stg-col'].purchase-block {
    border-radius: var(--purchase-default-br);
}

.purchase-block::before,
.purchase-block::after {
    content: '';
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.purchase-block::before {
    inset: 0px;
    padding: 1px;
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--purchase-s-border-highlight), var(--purchase-s-border-mute) 40%);
    mask: var(--purchase-border-mask);
    -webkit-mask: var(--purchase-border-mask);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    transition: opacity 0.4s;
    will-change: opacity;
    opacity: 0.75;
}

.purchase-block.is-accented {
    background: var(--purchase-s-accent) bottom right no-repeat;
    color: var(--purchase-s-accented-text);
}

.purchase-block.is-accented::before {
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--purchase-s-text-accent), var(--purchase-s-border-accent) 40%);
}

.purchase-block::after {
    opacity: 0;
    transition: opacity 0.4s;
    will-change: opacity;
    width: 100%;
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--purchase-s-backlight), transparent 40%);
    z-index: 5;
}


/* === Tags List === */

.purchase-tags-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--stg-xs-gap);
    padding: 0;
    margin: 0;
}

.purchase-tags-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.purchase-tags-list li a {
    border-radius: var(--purchase-xs-br);
    font-size: var(--purchase-t-meta-fs);
    font-weight: var(--purchase-t-meta-fw);
    color: var(--purchase-s-heading);
    text-transform: uppercase;
    padding: calc(0.75 * var(--stg-xs-gap)) calc(1.5 * var(--stg-xs-gap));
    background: var(--purchase-s-nav);
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
    display: block;
    border: 1px solid var(--purchase-s-border);
    transition: background-color 0.3s, border-color 0.3s;
}


/* === Link with Arrow === */

.purchase-arrow-link,
a.purchase-arrow-link {
    display: inline-block;
    position: relative;
    font-size: var(--purchase-t-meta-fs);
    font-weight: var(--purchase-t-meta-fw);
    color: var(--purchase-s-heading);
    text-transform: uppercase;
    padding: 0 24px 2px 0;
    margin-top: -5px;
}

.purchase-arrow-link::before,
.purchase-arrow-link::after {
    content: '';
    position: absolute;
    background: var(--purchase-s-heading);
    transition: transform 0.3s;
}

.purchase-arrow-link::before {
    width: calc(100% - 24px);
    height: 2px;
    bottom: 0;
    transform-origin: 0 50%;
}

.purchase-arrow-link::after {
    content: '';
    width: 16px;
    height: 16px;
    background: var(--purchase-s-heading);
    display: block;
    right: 0;
    top: 6px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
    transform-origin: 0% 100%;
}


/* === Icon Link === */

.purchase-icon-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}

.purchase-icon-link .purchase-icon-link-content {
    transition: transform 0.3s;
    will-change: transform;
    margin-top: 4px;
    text-align: left;
}

.purchase-icon-link .purchase-icon-link-content:first-child {
    text-align: right;
}

.purchase-icon-link h6 {
    margin: 0;
}

.purchase-icon-link .purchase-label {
    margin: 6px 0 0 0;
    display: block;
}

.purchase-icon-link .purchase-icon-wrap {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
    background-color: transparent;
    border-radius: var(--purchase-small-br);
}

.purchase-icon-wrap::before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid var(--purchase-s-heading);
    border-radius: inherit;
    position: absolute;
    display: block;
    transition: opacity 0.3s;
    will-change: opacity;
}

.purchase-icon-link i {
    transition: transform 0.3s;
}


/* === Square Button === */

.purchase-square-button {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--purchase-s-accented-text);
    background: var(--purchase-s-accent);
    border-radius: var(--purchase-small-br);
    border: 1px solid var(--purchase-s-border-accent);
    transition: background-color 0.3s;
    cursor: pointer;
    width: 80px;
    height: 80px;
}

.purchase-square-button span.purchase-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.2s;
    will-change: transform;
}


/* === Price Card === */

.purchase-top {
    padding-top: var(--stg-d-gap);
}

.purchase-price-card-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-large-gap);
    position: relative;
}

.purchase-price {
    font-family: var(--purchase-t-content-ff);
    font-weight: var(--purchase-t-content-fw);
    color: var(--purchase-s-heading);
    font-size: var(--purchase-t-price-fs);
    line-height: var(--purchase-t-h3-lh);
    margin: -10px 0 26px -3px;
}


/* === Marquee === */

.purchase-marquee {
    background: #121418;
    min-width: 100%;
    overflow: hidden;
    max-width: max-content;
}

.purchase-marquee-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}

.purchase-marquee.is-init .purchase-marquee-inner {
    animation: marquee_scroll 5s infinite linear;
}

.purchase-marquee-inner-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: max-content;
}

.purchase-marquee-list {
    padding: 0;
    margin-bottom: -8px!important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
}

.purchase-marquee-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.purchase-marquee-list li h3 {
    color: #ffffff;
    font-weight: 500;
}

.purchase-marquee-list li::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    margin: var(--stg-large-gap);
    border-radius: 2px;
    outline: 4px solid #c5c7ce;
    transform: translateY(-2px) rotate(45deg);
}


/* === Counter Block === */

.purchase-counter {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-small-gap);
    position: relative;
    text-align: center;
    padding: var(--stg-large-gap) var(--stg-small-gap);
}

.purchase-counter-number {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    font-size: var(--purchase-t-h1-fs);
    line-height: var(--purchase-t-h1-lh);
    color: var(--purchase-s-heading);
}

.purchase-counter-number::before {
    content: attr(data-prefix);
}

.purchase-counter-number::after {
    content: attr(data-suffix);
}


/* Small Style */

.purchase-counter.purchase-small-counter {
    padding: 0;
    text-align: left;
    row-gap: 2px;
}

.purchase-small-counter .purchase-counter-number {
    font-size: var(--purchase-t-h3-fs);
    font-size: var(--purchase-t-h3-fs);
    line-height: var(--purchase-t-h3-lh);
}


/* === Porftolio Grid Card === */

.purchase-portfolio-card {
    padding: var(--stg-small-gap);
    border-radius: var(--purchase-default-br);
}

.purchase-portfolio-card-image {
    transition: transform 0.3s;
    will-change: transform;
    contain: paint;
    aspect-ratio: 1/1;
    border-radius: var(--purchase-small-br);
    border: 1px solid #36383c6b;
}

.purchase-portfolio-card-image .st-lazy-wrapper {
    border-radius: var(--purchase-small-br);
}

.purchase-portfolio-card-image img,
.purchase-portfolio-card-image video {
    border-radius: unset;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.purchase-portfolio-card-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 9px;
}

.purchase-portfolio-card-title {
    align-self: flex-end;
}

.purchase-portfolio-card-title h6 {
    margin: 0;
    font-weight: var(--purchase-t-content-fw);
}

.purchase-portfolio-card .purchase-icon {
    transform-origin: 0% 100%;
    width: 14px;
    height: 20px;
    transition: transform 0.3s;
    margin-right: var(--stg-xs-gap);
    margin-top: var(--stg-xs-gap);
}

.purchase-portfolio-card>a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-radius: var(--purchase-small-br);
}


/* === Portfolio Short List === */

.purchase-portfolio-short-item {
    position: relative;
    padding: var(--stg-xs-gap);
    border-radius: var(--purchase-small-br);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.purchase-portfolio-thmb {
    width: 88px;
    height: 88px;
    border-radius: var(--purchase-xs-br);
    overflow: hidden;
    margin-right: var(--stg-gap);
    box-shadow: 0 4px 8px var(--purchase-s-box-shadow);
}

.purchase-portfolio-thmb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}

.purchase-portfolio-short-item .purchase-icon {
    position: absolute;
    top: calc(50% - 12px);
    right: var(--stg-gap);
    width: 24px;
    height: 24px;
    transform-origin: 0 100%;
    transition: transform 0.3s;
    will-change: transform;
}

.purchase-portfolio-short-item a {
    position: absolute;
    border-radius: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.purchase-portfolio-short-more {
    position: relative;
    padding: var(--stg-gap);
    border-radius: var(--purchase-small-br);
    color: var(--purchase-s-accented-text);
    background: var(--purchase-s-accent);
    border: 1px solid var(--purchase-s-border-accent);
}

.purchase-portfolio-short-item span.purchase-meta,
.purchase-portfolio-short-more .purchase-label {
    display: block;
    margin-bottom: 4px;
    margin-top: -4px;
}


/* === Testimonials Grid Card === */

.purchase-secrets-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-gap);
    background-color: #5726a024 !important;
}

.purchase-secrets-card-descr {
    margin-top: -4px;
    font-size: 14px;
}

.purchase-secrets-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -4px;
}

@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.signal {
    animation: fade 1s infinite alternate;
}

.purchase-secrets-card-name h6 {
    margin: 0;
}

.purchase-secrets-card-more {
    display: flex;
}

.purchase-secrets-card-more a {
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    border: 1px solid #ffffff;
    display: flex;
    border-radius: 7px;
    margin: 0 4px 0 0;
    background: transparent;
}

.purchase-secrets-card-more button {
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 28px;
    border: 1px solid #ffffff;
    display: flex;
    border-radius: 7px;
    margin: 0 4px 0 0;
    padding: 0;
    background: transparent;
    cursor: help;
    color: #6C2DC7;
}

.purchase-secrets-card-more button:hover {
    background: #ffffff!important;
}

.purchase-secrets-card-more a:hover {
    background: #ffffff!important;
}

.purchase-secrets-card-more a:hover svg {
    color: #6C2DC7;
}

.purchase-secrets-card-more button:hover svg {
    color: #6C2DC7;
}

[class*='purchase-secrets-stars'] {
    display: block;
    position: relative;
    width: 76px;
    height: 12px;
    opacity: 0.5;
    margin-bottom: 8px;
}

[class*='purchase-secrets-stars']::before,
[class*='purchase-secrets-stars']::after {
    content: '';
    height: 12px;
    background: var(--purchase-s-heading);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: contain;
    -webkit-mask-position: left;
    mask-repeat: repeat-x;
    mask-size: contain;
    mask-position: left;
    position: absolute;
    left: 0;
    top: 0;
}

[class*='purchase-secrets-stars']::before {
    -webkit-mask-image: var(--icon-star-empty);
    mask-image: var(--icon-star-empty);
    z-index: 1;
    width: 100%;
}

[class*='purchase-secrets-stars']::after {
    -webkit-mask-image: var(--icon-star-full);
    mask-image: var(--icon-star-full);
    z-index: 3;
}

.purchase-secrets-stars1::after {
    width: 20%;
}

.purchase-secrets-stars2::after {
    width: 40%;
}

.purchase-secrets-stars3::after {
    width: 60%;
}

.purchase-secrets-stars4::after {
    width: 80%;
}

.purchase-secrets-stars5::after {
    width: 100%;
}


/* === Carousel Card === */

.purchase-carousel {
    border-radius: var(--purchase-xs-br);
}

.purchase-fullscreen-page .purchase-carousel-wrapper {
    position: relative;
    height: calc(100svh - var(--st-header-height) - var(--st-footer-height));
}

.purchase-fullscreen-page .purchase-carousel {
    top: 50%;
    transform: translateY(-50%);
}

.purchase-fullscreen-page .purchase-carousel.swiper {
    overflow: visible;
}

.purchase-carousel-card {
    padding: var(--stg-small-gap);
}

.purchase-carousel-card-image {
    transition: transform 0.3s;
    will-change: transform;
    contain: paint;
    border-radius: var(--purchase-xs-br);
}

.purchase-carousel-card-image img,
.purchase-carousel-card-image video {
    border-radius: unset
}

.purchase-carousel-card-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-small-gap) 0 9px 0;
}

.purchase-carousel-card-title {
    min-height: 24px;
    align-self: flex-end;
}

.purchase-carousel-card-title h6 {
    margin: 0;
}

.purchase-carousel-card .purchase-icon {
    transform-origin: 0% 100%;
    width: 24px;
    height: 24px;
    transition: transform 0.3s;
    margin-right: var(--stg-xs-gap);
    margin-top: var(--stg-xs-gap);
}

.purchase-carousel-card>a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-radius: var(--purchase-small-br);
}


/* === List with Preview === */

.purchase-list-with-preview {
    display: flex;
    justify-content: space-between;
    gap: var(--stg-gap);
}

.purchase-list-with-preview[data-preview-position="right"] {
    flex-direction: row-reverse;
}

.purchase-list-with-preview>div {
    width: 50%;
}

.purchase-lwp-media {
    position: relative;
    overflow: hidden;
    border-radius: var(--purchase-default-br);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.purchase-lwp-media img,
.purchase-lwp-media video {
    width: 100%;
    height: auto;
    min-width: 100%;
    object-position: center;
}

.purchase-lwp-media img,
.purchase-lwp-media video {
    transition: clip-path 0.3s;
    position: relative;
    border-radius: unset;
}

.purchase-lwp-media img.is-active,
.purchase-lwp-media video.is-active {
    animation: lwp_active 0.3s ease-in-out;
}

.purchase-lwp-roster {
    display: flex;
    flex-direction: column;
    gap: var(--stg-gap);
}

.purchase-lwp-item {
    transition: background-color 0.2s, border-color 0.2s;
    position: relative;
    border-radius: var(--purchase-default-br);
}

.purchase-lwp-item .purchase-accent {
    transition: color 0.2s;
}

.purchase-lwp-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
}

.purchase-lwp-roster img {
    display: none;
}

.purchase-list-with-preview[data-preview-position="right"] .purchase-lwp-media img.is-active,
.purchase-list-with-preview[data-preview-position="right"] .purchase-lwp-media video.is-active {
    animation: lwp_active_r 0.3s ease-in-out;
}


/* === Carousel (Swiper) === */

.purchase-carousel {
    --swiper-gap: var(--stg-gap);
}

.purchase-dots .swiper-pagination-bullet {
    background: var(--purchase-s-heading);
}

.purchase-dots .swiper-pagination-bullet-active {
    background: var(--purchase-s-heading);
}

.purchase-dots.swiper-pagination {
    position: static;
    bottom: auto;
    left: auto;
    margin: var(--stg-gap) auto 0 auto;
    transform: none!important;
    height: 12px;
}

.purchase-dots .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}


/* === Detailed List === */

.purchase-detailed-list {
    margin: 0;
    padding: 0;
    position: relative;
}

.purchase-detailed-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    padding: var(--stg-gap) 0 calc(1px + var(--stg-gap)) 0;
    position: relative;
    margin: 0 calc(-0.5 * var(--stg-gap));
}

.purchase-detailed-list::before,
.purchase-detailed-list li::before,
.purchase-detailed-list li::after {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
}

.purchase-detailed-list::before,
.purchase-detailed-list li::after {
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
    bottom: 0;
    height: 1px;
    background: var(--purchase-c-border-gradient);
    width: 100vw;
}

.purchase-detailed-list::before {
    bottom: auto;
    top: 0;
}

.purchase-detailed-list li::before {
    height: 100%;
    background: radial-gradient(ellipse, var(--purchase-s-heading) 0%, transparent 75%) no-repeat bottom center;
    background-size: 100% 200%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    will-change: opacity;
}

.purchase-detailed-list li>div {
    margin: 0 calc(0.5 * var(--stg-gap));
}

.purchase-detailed-list li a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
}

.purchase-detailed-list-title {
    min-width: calc(33.333% - var(--stg-gap));
    max-width: calc(33.333% - var(--stg-gap));
}

.purchase-detailed-list-title>* {
    margin-top: 0;
}

.purchase-detailed-list-description {
    min-width: calc(66.666% - 2 * var(--stg-gap) - 80px);
    max-width: calc(66.666% - 2 * var(--stg-gap) - 80px);
}

.purchase-detailed-list-button {
    width: 80px;
    height: 80px;
    border: 2px solid var(--purchase-s-heading);
    border-radius: var(--purchase-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, border-color 0.3s;
}

.purchase-detailed-list-button span.purchase-icon {
    width: 24px;
    height: 24px;
}


/* === Image Box === */

.purchase-image-box:not(:last-child) {
    margin-bottom: var(--stg-large-gap);
}

.purchase-image-box-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--stg-small-gap);
}

.purchase-image-box-head img {
    max-width: 80px;
    height: auto;
    display: block;
    border-radius: var(--purchase-xs-br);
}


/* === Icon Box === */

.purchase-icon-box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-xl-gap);
    position: relative;
}

.purchase-icon-box .purchase-box-icon {
    width: 64px;
    height: 64px;
    border-radius: var(--purchase-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: var(--stg-gap);
    top: var(--stg-gap);
}

.purchase-icon-box i {
    width: 32px;
    height: 32px;
}

.purchase-icon-box .purchase-box-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--purchase-s-heading);
    border-radius: inherit;
    background-color: transparent;
}

.purchase-icon-box h4 {
    padding-right: calc(64px + var(--stg-gap));
    margin: 0;
}

.purchase-icon-box .purchase-large-text {
    margin: 0;
}


/* === Grid More Masked === */

.purchase-grid-more-masked {
    --masked-border-radius: var(--purchase-small-br);
    --masked-inner-radius: var(--purchase-default-br);
    position: relative;
}

.purchase-grid-more-masked a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--purchase-small-br);
}

.purchase-grid-more-masked .purchase-masked-media p {
    padding-right: 96px;
}


/* === Price Table Card === */

.purchase-price-table h6,
.purchase-price-table>p {
    margin-bottom: var(--stg-gap);
}

.purchase-price-wrapper {
    background: radial-gradient(ellipse at center top, var(--purchase-s-backlight) 0%, transparent) no-repeat;
    margin: 0 calc(-1 * var(--stg-gap)) var(--stg-gap) calc(-1 * var(--stg-gap));
    padding: var(--stg-gap);
    width: calc(100% + 2 * var(--stg-gap));
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.purchase-price-wrapper::before,
.purchase-price-table ul.purchase-marked-list::after,
.purchase-price-wrapper::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--purchase-c-border-gradient);
    position: absolute;
    left: 0;
}

.purchase-price-wrapper::before {
    top: 0;
}

.purchase-price-table ul.purchase-marked-list::after,
.purchase-price-wrapper::after {
    bottom: 0;
}

.purchase-price-wrapper>.purchase-label {
    margin-bottom: 5px;
}

.purchase-price-wrapper>h2 {
    margin-bottom: -4px;
}

.purchase-price-table>.purchase-label {
    color: var(--purchase-s-heading);
    opacity: 1;
    margin-bottom: var(--stg-small-gap);
}

.purchase-price-table ul.purchase-marked-list {
    margin-bottom: var(--stg-gap);
    padding-bottom: var(--stg-gap);
    position: relative;
}

.purchase-price-table ul.purchase-marked-list li:last-child {
    margin: 0;
}


/* === FAQ List === */

.purchase-faq-list {
    display: flex;
    flex-direction: column;
    gap: var(--stg-gap);
}

.purchase-faq-list hr {
    margin-top: 0;
    margin-bottom: 0;
}


/* === Toggles === */

.purchase-toggles-item {
    cursor: pointer;
}

.purchase-toggles-item--title {
    display: block;
    position: relative;
}

.purchase-toggles-item--title .purchase-label {
    margin: -4px 0 8px 0;
    display: block;
}

.purchase-toggles-item--title sup {
    display: inline-block;
    margin: 0 2px;
    transform: translateY(-6px);
}

.purchase-toggles-item--title h4 {
    margin-bottom: 0px;
    padding-right: 64px;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    align-items: flex-start;
}

.purchase-toggles-item--title i.purchase-icon {
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
    margin: 0;
    width: 32px;
    height: 32px;
    transform: rotate(-90deg);
    transition: transform 0.3s;
    will-change: transform;
}

.is-active .purchase-toggles-item--title .purchase-icon {
    transform: rotate(0deg) translate(0, 12px);
}

.purchase-toggles-item--content {
    padding-top: calc(2 * var(--stg-gap));
    position: relative;
    cursor: default;
}

.purchase-toggles-item--content::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--purchase-c-border-gradient);
    position: absolute;
    left: 0;
    top: var(--stg-gap);
}

.purchase-toggles-item--content span {
    display: block;
}


/* === Swiper Slider === */

.purchase-slider-wrapper {
    position: relative;
}

.purchase-slider-wrapper svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
}

.purchase-slider {
    border-radius: var(--purchase-default-br);
    position: relative;
}

.purchase-slider-wrapper .purchase-slider {
    border-radius: 0;
}

.purchase-slider:not([data-effect="coverflow"]) img,
.purchase-slider:not([data-effect="coverflow"]) video {
    border-radius: 0;
}

.purchase-slider-nav {
    position: absolute;
    z-index: 22;
}


/* Masked Block Navigation */

.purchase-slider-nav.purchase-masked-content {
    display: flex;
    width: 160px;
    height: 80px;
}

.purchase-slider-nav.purchase-masked-content a {
    width: 64px;
    height: 64px;
    margin: 16px 0 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: var(--purchase-small-br);
    transition: background-color 0.3s;
}

.purchase-slider-nav.purchase-masked-content a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    border: 2px solid var(--purchase-s-heading);
    z-index: 3;
    transition: opacity 0.3s;
    will-change: opacity;
}

.purchase-slider-nav.purchase-masked-content span.purchase-icon {
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 5;
    transition: transform 0.3s;
    will-change: transform;
}


/* Side by Side Navigation */

.purchase-slider-nav.on-sides {
    pointer-events: none;
    left: 0;
    width: 100%;
    top: calc(50% - 48px);
    display: flex;
    justify-content: space-between;
    --masked-border-radius: var(--purchase-default-br);
    --masked-inner-radius: var(--purchase-xl-br);
}

.purchase-slider-nav.on-sides a {
    pointer-events: all;
    width: 64px;
    height: 96px;
    display: block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.purchase-slider-nav.on-sides a span.purchase-icon {
    width: 24px;
    height: 24px;
    background: var(--purchase-s-heading);
    transition: transform 0.3s;
    will-change: transform;
}


/* Content */

.purchase-slider .swiper-slide.has-content {
    --masked-border-radius: var(--purchase-default-br);
    --masked-inner-radius: var(--purchase-large-br);
}

.purchase-slider .purchase-slide-content {
    position: absolute;
    bottom: 0;
}

.purchase-slider .purchase-slide-content-inner {
    padding: var(--stg-gap) var(--stg-large-gap);
    transition: transform 0.3s;
    will-change: transform;
}

.purchase-slide-content>a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.purchase-slide-post-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.purchase-slide-post-title .purchase-meta {
    opacity: 0.5;
    margin-bottom: var(--stg-xs-gap);
}


/* === Fullscreen Slider === */

.purchase-fullscreen-page .purchase-slider-wrapper {
    top: var(--st-header-height);
    width: calc(100% - 2 * var(--stg-small-gap));
    height: calc(100svh - var(--st-header-height) - var(--st-footer-height));
    margin: 0 var(--stg-small-gap);
    overflow: hidden;
}

.purchase-fullscreen-page .purchase-slider-media .st-lazy-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.purchase-fullscreen-page .purchase-slider {
    width: 100%;
    height: inherit
}

.purchase-fullscreen-page .purchase-slider img,
.purchase-fullscreen-page .purchase-slider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}

.purchase-fullscreen-page .purchase-slider .swiper-slide {
    height: 100%;
    position: relative;
}

.purchase-fullscreen-page .purchase-slider-media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}


/* === Portfolio Next Post === */

.purchase-next-post.purchase-icon-link {
    gap: var(--stg-gap);
}

.purchase-next-post h2 {
    font-size: var(--purchase-t-h1-fs);
    line-height: var(--purchase-t-h1-lh);
    margin: var(--purchase-t-h1-margin);
    margin-bottom: 0;
}

.purchase-next-post h6 {
    opacity: 0.75;
    margin: 0 0 var(--stg-xs-gap) 0;
}

.purchase-next-post .purchase-icon-link-content {
    text-align: right;
}

.purchase-next-post.purchase-icon-link .purchase-icon-wrap {
    width: 160px;
    height: 160px;
    border-radius: var(--purchase-large-br);
}

.purchase-next-post .purchase-icon {
    width: 48px;
    height: 48px;
}

.purchase-next-post .purchase-icon-wrap::before {
    border: 4px solid var(--purchase-s-heading);
}


/* === Bento Grid Block === */

.purchase-bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: var(--stg-gap);
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-flow: column;
    max-width: 100%;
}

.purchase-bento-grid img {
    max-width: 100%;
    height: auto;
}

.purchase-bento-grid .is-medium {
    overflow: hidden;
}

.purchase-bento-grid .is-small {
    aspect-ratio: 1;
}

.is-small.border.in-view {
    border: 1px solid #1c2026a1;
}


/* Type 01 */

.purchase-bento-grid .is-large:first-child {
    grid-area: 1 / 1 / 3 / 3;
}

.purchase-bento-grid .is-medium:nth-child(2) {
    grid-area: 1 / 3 / 1 / 5;
}


/* Type 02 */

.purchase-bento-grid .is-medium:last-child {
    grid-area: 2 / 3 / 2 / 5;
}


/* Type 03 */

.purchase-bento-grid .is-medium:first-child {
    grid-area: 1 / 1 / 2 / 3;
}

.purchase-bento-grid .is-large:last-child {
    grid-area: 1 / 3 / 3 / 5;
}


/* Type 04 */

.purchase-bento-grid .is-medium:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}


/* Inner Elements */

.purchase-bento-grid>div {
    position: relative;
}

.purchase-bento-grid>div,
.purchase-bento-grid .purchase-block {
    border-radius: var(--purchase-default-br);
}

.purchase-bento-grid div:has(img) {
    padding: 0;
    contain: paint;
}

.purchase-bento-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.purchase-bento-grid h1,
.purchase-bento-grid h2 {
    margin-bottom: 0;
}

.purchase-flash {
    animation: flashWave 1s infinite ease-in-out;
    display: inline-block;
    transform-origin: center;
}

@keyframes flashWave {
    0% {
        transform: rotate(0);
    }
    15% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(-10deg);
    }
    45% {
        transform: rotate(8deg);
    }
    60% {
        transform: rotate(-8deg);
    }
    75% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(0);
    }
}

.purchase-bento-grid>div>ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}

.purchase-bento-grid .purchase-marked-list {
    margin: 0
}


/* === Meta List === */

.purchase-meta-list {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}

.purchase-meta-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.purchase-meta-list li span {
    display: block;
}


/* Hack for Safari */

@supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .purchase-meta-list {
        min-height: calc(100% - 2 * var(--stg-gap));
    }
}


/* === Masked CTA === */

.purchase-masked-cta .purchase-cta-form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--stg-gap);
    padding: var(--stg-large-gap);
    background: var(--purchase-s-accent);
}

.purchase-masked-cta button {
    background: var(--purchase-s-heading);
    border-color: var(--purchase-s-heading);
    border-radius: var(--purchase-default-br);
    padding: calc(1.5 * var(--stg-gap)) calc(1.5 * var(--stg-large-gap));
}

.purchase-masked-cta button span {
    background: var(--purchase-s-accent);
    width: 32px;
    height: 32px;
}

.purchase-cta-title {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    font-size: var(--purchase-t-h1-fs);
    line-height: var(--purchase-t-h1-lh);
    color: var(--purchase-s-heading);
    margin-bottom: var(--stg-large-gap);
}

.purchase-masked-cta input {
    background: var(--purchase-s-border);
    color: var(--purchase-s-heading);
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    font-size: var(--purchase-t-h2-fs);
    line-height: 1;
    border-radius: var(--purchase-default-br);
    padding: var(--stg-gap);
    padding-top: calc(var(--stg-gap) - 4px);
}

.purchase-masked-cta input:focus {
    border-color: var(--purchase-s-border);
}

.purchase-masked-cta input::-webkit-input-placeholder {
    opacity: 1;
    color: var(--purchase-s-heading);
}

.purchase-masked-cta input::-moz-placeholder {
    opacity: 1;
    color: var(--purchase-s-heading);
}

.purchase-masked-cta input::-ms-input-placeholder {
    opacity: 1;
    color: var(--purchase-s-heading);
}

.purchase-masked-cta-content {
    text-align: right;
    width: 350px;
}

.purchase-masked-cta-content p {
    display: block;
    padding: 0 0 var(--stg-d-gap) var(--stg-d-gap);
}


/* === Member Contacts === */

.purchase-member-contacts-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--stg-small-gap);
}

.purchase-member-contacts-list a {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    color: var(--purchase-s-heading);
    font-size: var(--purchase-t-h6-fs);
    line-height: var(--purchase-t-h6-lh);
}

.purchase-member-contacts .purchase-socials-list {
    margin-top: var(--stg-gap);
}

.purchase-member-contacts .purchase-socials-list a {
    width: 80px;
    height: 80px;
    border-radius: var(--purchase-small-br);
}

.purchase-member-contacts .purchase-socials-list a::before {
    border: 2px solid var(--purchase-s-heading);
}

.purchase-member-contacts .purchase-socials-list a i {
    width: 40px;
    height: 40px;
}


/* === Infinite List === */

body:has(.purchase-infinite-list) .purchase-backlight {
    display: none;
}

.purchase-infinite-list-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
}

.purchase-infinite-list-wrap.is-grabbed {
    cursor: grabbing;
}

.purchase-infinite-list {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.purchase-infinite-scroll {
    width: var(--stg-container-width);
    margin: 0 auto;
    position: relative;
    z-index: 15;
}

.purchase-infinite-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 35px 0 30px 0;
    transition: opacity 0.3s;
}

.purchase-infinite-list-item::before {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    background: radial-gradient(ellipse, #6C2DC7 0%, transparent 75%) no-repeat bottom center;
    background-size: 100% 200%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    will-change: opacity;
}

.purchase-infinite-list-item::after {
    content: '';
    width: 100vw;
    height: 1px;
    display: block;
    background: var(--purchase-c-border-gradient);
    position: absolute;
    bottom: 0;
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
}

.purchase-infinite-list-item a {
    position: absolute;
    left: -65px;
    top: 0;
    width: calc(100% + 130px);
    height: 100%;
    z-index: 5;
    display: block;
}

.purchase-infinite-list-title {
    transition: transform 0.3s;
    will-change: transform;
}

.purchase-infinite-list-item .purchase-meta {
    display: block;
    margin-bottom: 7px;
}

.purchase-infinite-list-preview {
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: 15px;
    right: calc(100% + 10px);
    top: calc(50% - 48px);
    background: no-repeat center;
    background-size: cover;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    display: none;
}

.purchasel-bg-preview-item.is-active {
    filter: blur(5px);
}

.purchase-infinite-list-preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.purchase-infinite-list-icon {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: var(--purchase-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.purchase-infinite-list-icon span {
    position: relative;
    z-index: 5;
    transition: transform 0.3s;
}

.purchase-infinite-list-icon::before,
.purchase-infinite-list-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    will-change: opacity;
    transition: opacity 0.3s;
}

.purchase-infinite-list-icon::before {
    z-index: 3;
    border: 2px solid var(--purchase-s-heading);
    opacity: 1;
}

.purchase-infinite-list-icon::after {
    background: var(--purchase-s-heading);
    opacity: 0;
}

.purchase-infinite-list-bgs {
    pointer-events: none;
    opacity: 0.15;
}

.purchase-infinite-list-bgs,
.purchase-infinite-list-bgs>div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.purchase-infinite-list-bgs>div {
    background: no-repeat center;
    background-size: cover;
    will-change: opacity, transform;
    transition: opacity 0.5s, transform 0.5s;
    transform: scale(1.05);
    opacity: 0;
    z-index: 1;
}

.purchase-infinite-list-bgs>div.is-active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}

.purchase-infinite-list-bgs>div video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/* === Column Listing Item === */

.purchase-column-item:not(:last-child) {
    margin-bottom: var(--stg-large-gap);
}

.purchase-column-item.purchase-masked-block {
    --masked-inner-radius: var(--purchase-large-br);
}

.purchase-column-item-content {
    padding: var(--stg-gap) var(--stg-gap) 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: calc(0.33 * var(--stg-container-width));
}

.purchase-column-item-title {
    padding-left: var(--stg-small-gap);
    margin-right: var(--stg-gap);
    transform: translateY(-4px);
    transition: transform 0.3s;
}

.purchase-column-item-title span {
    margin-bottom: 8px;
    display: block;
    transition: transform 0.3s;
}

.purchase-column-item-title h4 {
    margin-bottom: 0;
    transition: transform 0.3s;
}

.purchase-column-item-content .purchase-icon-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: var(--purchase-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.purchase-column-item-content .purchase-icon-wrap::before {
    transition: opacity 0.3s;
    will-change: opacity;
}

.purchase-column-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--purchase-default-br);
    z-index: 7;
}


/* === Grid CTA === */

.purchase-masked-content {
    max-width: 35%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.purchase-masked-content:has(.purchase-square-button) {
    max-width: 50%;
}

.purchase-grid-cta-media {
    padding: var(--stg-large-gap);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.purchase-masked-cta-content p {
    padding: 0 0 var(--stg-d-gap) var(--stg-d-gap);
    display: block;
    text-align: right;
}

.purchase-bento-grid .purchase-masked-content p {
    padding: var(--stg-d-gap) 0 0 var(--stg-d-gap);
}

.purchase-grid-cta .is-medium {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.purchase-grid-cta .purchase-square-button {
    width: 100%;
    height: 100%;
    border-radius: var(--purchase-default-br);
}

.purchase-grid-cta .purchase-square-button span {
    width: 80px;
    height: 80px;
}

.purchase-grid-cta-heading {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    color: var(--purchase-s-heading);
    font-size: var(--purchase-t-h1-fs);
    line-height: var(--purchase-t-h1-lh);
    margin: var(--purchase-t-h1-margin);
}


/* === CTA with Image === */

.stg-cta-with-image {
    --this-spacing: var(--purchase-section-gap);
    padding: var(--this-spacing) 0;
}

.stg-cta-with-image>div {
    position: relative;
}

[class*='stg-col-']>div.purchase-offset-image {
    --this-offset: calc(-0.5 * (100vw - var(--stg-container-width)));
    width: calc(50% - var(--this-offset));
    top: calc(-1 * var(--this-spacing));
    bottom: calc(-1 * var(--this-spacing));
    position: absolute;
    background-position: right;
}

[class*='stg-col-']:first-child>div.purchase-offset-image {
    left: var(--this-offset);
    border-radius: 0 var(--purchase-default-br) var(--purchase-default-br) 0;
}

[class*='stg-col-']:last-child>div.purchase-offset-image {
    right: var(--this-offset);
    border-radius: var(--purchase-default-br) 0 0 var(--purchase-default-br);
}

.purchase-cta-form-title {
    font-family: var(--purchase-t-heading-ff);
    font-weight: var(--purchase-t-heading-fw);
    color: var(--purchase-s-heading);
    font-size: var(--purchase-t-h1-fs);
    line-height: var(--purchase-t-h1-lh);
}

.purchase-cta-text {
    padding: calc(var(--stg-gap) + var(--stg-large-gap)) 0;
}

.purchase-cta-icon {
    position: relative;
}

.purchase-cta-icon,
.purchase-cta-icon::before,
.purchase-cta-icon::after {
    background-color: var(--purchase-s-text-accent);
    border-radius: 4px;
    width: 8px;
    height: 64px;
    display: block;
}

.purchase-cta-icon::before,
.purchase-cta-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.purchase-cta-icon::before {
    transform: rotate(120deg);
}

.purchase-cta-icon::after {
    transform: rotate(240deg);
}


/* === Right Click Protection === */

.purchase-rcp-wrap,
.purchase-rcp-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999;
}

.purchase-rcp-wrap {
    transition: opacity 0.3s;
    will-change: opacity;
    pointer-events: none;
    opacity: 0;
}

.rcp-show .purchase-rcp-wrap {
    pointer-events: all;
    opacity: 1;
}

.purchase-rcp-overlay {
    z-index: 3;
    background-color: var(--purchase-s-body-bg);
    opacity: 1;
}

.purchase-rcp-container {
    z-index: 5;
    position: absolute;
    left: calc(50% - 0.5 * var(--stg-container-width));
    top: 50%;
    width: var(--stg-container-width);
    text-align: center;
    transition: transform 0.3s;
    will-change: transform;
    transform: translateY(0%);
    pointer-events: none;
}

.rcp-show .purchase-rcp-container {
    transform: translateY(-50%);
}


/* === Copy === */

.purchase-copy-wrap,
.purchase-copy-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 333;
}

.purchase-copy-wrap {
    transition: opacity 0.3s;
    will-change: opacity;
    pointer-events: none;
    opacity: 0;
}

.copy-show .purchase-copy-wrap {
    pointer-events: all;
    opacity: 1;
}

.purchase-copy-overlay {
    z-index: 3;
    background-color: var(--purchase-s-body-bg);
    opacity: 0.95;
}

.purchase-copy-container {
    z-index: 5;
    position: absolute;
    left: calc(50% - 0.5 * var(--stg-container-width));
    top: 50%;
    width: var(--stg-container-width);
    text-align: center;
    transition: transform 0.3s;
    will-change: transform;
    transform: translateY(0%);
    pointer-events: none;
}

.copy-show .purchase-copy-container {
    transform: translateY(-50%);
}


/** ==============
    10. PHOTOSWIPE
    ============== */

.pswp__img {
    border-radius: var(--purchase-default-br);
}

.pswp__ui {
    width: 100%;
    height: 100%;
    position: relative;
    pointer-events: none;
}

.pswp--open .pswp__ui button {
    pointer-events: all;
}

.pswp__button,
.pswp__ui--fit .pswp__top-bar button.pswp__button {
    width: 60px;
    height: 60px;
    border-radius: var(--purchase-small-br);
    background: var(--purchase-s-nav);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.pswp__button::before,
.pswp__ui--fit .pswp__top-bar button.pswp__button::before,
.pswp__button::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    content: '';
    position: absolute;
    display: block;
}

.pswp__button::before,
.pswp__ui--fit .pswp__top-bar button.pswp__button::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--purchase-s-heading);
    border-radius: inherit;
    transition: opacity 0.3s;
}

.pswp__button::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background: var(--purchase-s-heading);
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
}

button.pswp__button.pswp__button--close,
.pswp__top-bar button.pswp__button,
.pswp__ui--fit .pswp__top-bar button.pswp__button {
    right: 64px;
    top: 48px;
    position: absolute;
}

button.pswp__button.pswp__button--close::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    -webkit-mask-image: var(--icon-cross);
    mask-image: var(--icon-cross);
    width: 14px;
    height: 14px;
}

.purchase-pswp-prev,
.purchase-pswp-next {
    position: absolute;
    top: calc(50% - 20px);
}

.purchase-pswp-prev {
    left: 64px;
}

button.pswp__button.purchase-pswp-prev::after {
    -webkit-mask-image: var(--icon-chevron-left);
    mask-image: var(--icon-chevron-left);
}

button.pswp__button.purchase-pswp-next::after {
    -webkit-mask-image: var(--icon-chevron-right);
    mask-image: var(--icon-chevron-right);
}

.purchase-pswp-next {
    right: 64px;
}

.pswp__preloader {
    top: calc(50% - 22px);
}

.purchase-pswp-media--video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: all;
}

.purchase-pswp-media--video video {
    width: 100%;
    height: auto;
    border-radius: var(--purchase-default-br);
}


/** ================
    11. HOVER STATES
    ================ */

@media (hover:hover) {
    /* --- PSWP Lightbox --- */
    .pswp__button:hover::after {
        transform: scale(1.2);
    }
    .pswp__button:hover::before,
    .pswp__ui--fit .pswp__top-bar button.pswp__button:hover::before {
        opacity: 0.15;
    }
    .pswp__button:hover,
    .pswp__ui--fit .pswp__top-bar button.pswp__button:hover {
        background-color: var(--purchase-s-accent);
    }
    .purchase-lightbox-link>.st-lazy-wrapper,
    .purchase-lightbox-link>img {
        transition: scale 0.3s;
    }
    .purchase-lightbox-link:hover>.st-lazy-wrapper,
    .purchase-lightbox-link:hover>img {
        scale: 1.02;
    }
    /* --- Forms and Fields --- */
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:not([class*='pswp']):hover,
    a.purchase-button:hover {
        background-color: #e6e6e6db;
    }
    a.purchase-button.is-secondary:hover,
    .purchase-square-button.is-secondary:hover {
        background: var(--purchase-s-accent);
        border-color: var(--purchase-s-border-accent);
    }
    a.purchase-button.is-secondary:hover {
        background: var(--purchase-s-border);
    }
    /* --- Main Menu --- */
    ul.main-menu li:hover>a {
        color: var(--purchase-c-menu-hover);
    }
    ul.main-menu li.menu-item-has-children:hover>a::after {
        background-color: var(--purchase-c-menu-hover);
    }
    ul.sub-menu li:hover::before {
        opacity: 1;
    }
    nav.purchase-nav ul.sub-menu li:hover::before {
        opacity: 1;
    }
    /* --- Footer --- */
    #purchase-footer .purchase-menu-widget a:hover,
    .purchase-menu-widget ul li:hover::before {
        opacity: 1;
    }
    .purchase-socials-list a:hover {
        background-color: var(--purchase-s-accent);
    }
    .purchase-socials-list a:hover svg {
        color: #ffffff;
    }
    .purchase-socials-list a:hover::before {
        opacity: 0.15;
    }
    /* --- Block --- */
    .purchase-block:hover::after {
        opacity: 0.75;
    }
    .purchase-block:hover::before {
        opacity: 1;
    }
    /* --- Links --- */
    .purchase-tags-list li a:hover {
        background-color: var(--purchase-s-accent);
        border-color: var(--purchase-s-border-accent);
    }
    .purchase-arrow-link:hover::before {
        transform: scale(0, 1);
    }
    .purchase-arrow-link:hover::after {
        transform: scale(1.2, 1.2);
    }
    /* --- Icon Link --- */
    .purchase-icon-link:hover i {
        transform: scale(1.2);
        background: var(--purchase-s-body-bg);
    }
    .purchase-icon-link:hover .purchase-icon-wrap {
        background-color: var(--purchase-s-heading);
    }
    .purchase-icon-link:hover .purchase-icon-wrap::before {
        opacity: 0.15;
    }
    .purchase-icon-link:hover .purchase-icon-link-content:first-child {
        transform: translateX(calc(-1 * var(--stg-xs-gap)));
    }
    .purchase-icon-link:hover .purchase-icon-link-content:last-child {
        transform: translateX(var(--stg-xs-gap));
    }
    .purchase-square-button:hover span.purchase-icon {
        transform: scale(1.2);
    }
    /* --- Portfolio --- */
    .purchase-portfolio-card:hover .purchase-icon {
        transform: scale(1.1, 1.1);
        background: #6C2DC7;
    }
    .purchase-portfolio-card:hover .purchase-portfolio-card-image {
        transform: scale(1.01);
    }
    .purchase-portfolio-short-item:hover .purchase-icon {
        transform: scale(1.2);
    }
    .purchase-carousel-card:hover .purchase-icon {
        transform: scale(1.2, 1.2);
    }
    .purchase-carousel-card:hover .purchase-carousel-card-image {
        transform: scale(1.01);
    }
    .purchase-detailed-list li:hover::before {
        opacity: 0.05;
    }
    .purchase-detailed-list li:has(a):hover .purchase-detailed-list-button {
        background: var(--purchase-s-accent);
        border-color: var(--purchase-s-border-accent);
    }
    .purchase-grid-more-masked:hover .purchase-square-button.is-secondary {
        background: var(--purchase-s-accent);
        border-color: var(--purchase-s-border-accent);
    }
    .purchase-grid-more-masked:hover .purchase-square-button span.purchase-icon {
        transform: scale(1.2);
    }
    /* --- Slider --- */
    .purchase-slider-nav.purchase-masked-content a:hover span.purchase-icon {
        transform: scale(1.2);
    }
    .purchase-slider-nav.purchase-masked-content a:hover {
        background-color: var(--purchase-s-accent);
    }
    .purchase-slider-nav.purchase-masked-content a:hover::before {
        opacity: 0.15;
    }
    .purchase-slider-nav.on-sides a.purchase-slider-next:hover span.purchase-icon {
        transform: translateX(10px)
    }
    .purchase-slider-nav.on-sides a.purchase-slider-prev:hover span.purchase-icon {
        transform: translateX(-10px)
    }
    .purchase-slide-content:has(a):hover .purchase-slide-content-inner {
        transform: scale(1.1);
    }
    .purchase-masked-cta button:hover {
        background: var(--purchase-s-heading-fade);
    }
    /* --- Infinite List --- */
    .purchase-infinite-list-item:hover::before {
        opacity: 0.1;
    }
    .purchase-infinite-list-item:hover .purchase-infinite-list-preview {
        opacity: 1;
    }
    .purchase-infinite-list-item:hover .purchase-infinite-list-icon::before {
        opacity: 0.15;
    }
    .purchase-infinite-list-item:hover .purchase-infinite-list-icon::after {
        opacity: 1;
    }
    .purchase-infinite-list-item:hover .purchase-infinite-list-icon span {
        transform: scale(1.1);
        background: var(--purchase-s-body-bg);
    }
    /* --- Column List --- */
    .purchase-column-item-content:hover .purchase-icon-wrap {
        background-color: var(--purchase-s-accent);
    }
    .purchase-column-item-content:hover .purchase-icon-wrap::before {
        opacity: 0.15;
    }
    .purchase-column-item-content:hover .purchase-icon-wrap span.purchase-icon {
        transform: scale(1.2);
    }
    .purchase-column-item-content:hover .purchase-column-item-title span {
        transform: translateX(calc(-1 * var(--stg-xs-gap)));
    }
    .purchase-column-item-content:hover .purchase-column-item-title h4 {
        transform: translateX(var(--stg-xs-gap));
    }
}

@media (hover:none) {
    .purchase-backlight {
        display: none;
    }
    .purchase-block::before {
        opacity: 0.5;
    }
    .purchase-block::after {
        opacity: 0.75;
    }
    .purchase-toggles-item:not(.is-active)::after {
        opacity: 0;
    }
    .purchase-infinite-list-bgs {
        display: none;
    }
    .purchase-infinite-list-item {
        padding-left: 5px;
    }
    .purchase-infinite-list-preview {
        opacity: 1;
        right: auto;
        left: 0;
    }
}


/** ==============
    12. ANIMATIONS
    ============== */

@keyframes sta_spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sta_shake {
    0% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(-10px);
    }
    30% {
        transform: translateX(10px);
    }
    50% {
        transform: translateX(-10px);
    }
    70% {
        transform: translateX(10px);
    }
    90% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}


/* === Marquee === */

@keyframes marquee_scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


/* === List with Preview === */

@keyframes lwp_active {
    0% {
        clip-path: inset(0% 0% 0% 100% round var(--purchase-default-br));
    }
    100% {
        clip-path: inset(0% 0% 0% 0% round var(--purchase-default-br));
    }
}

@keyframes lwp_active_r {
    0% {
        clip-path: inset(0% 100% 0% 0% round var(--purchase-default-br));
    }
    100% {
        clip-path: inset(0% 0% 0% 0% round var(--purchase-default-br));
    }
}


/* === Entrance Animations === */

 :root {
    --stea-move: var(--stg-gap);
    --stea-zoom-in: 0.9;
    --stea-zoom-out: 1.1;
    --stea-duration: 0.5s;
}

[data-split-appear] {
    --stea-move: 0.5cap;
}

[data-split-appear].purchase-line-overflow:not(.is-done) .line {
    overflow: hidden;
}

[data-split-appear].setting-up [data-appear] {
    transition: unset!important;
}

[data-unload*='fade-'].is-unloading,
[data-unload*='zoom-'].is-unloading,
[data-appear*='fade-']:not(.setting-up),
[data-appear*='zoom-']:not(.setting-up) {
    transition: opacity var(--stea-duration), transform var(--stea-duration);
    will-change: opacity, transform;
}

[data-unload*='fade-'].is-unloading,
[data-unload*='zoom-'].is-unloading,
[data-appear*='fade-'],
[data-appear*='zoom-'] {
    opacity: 0;
}

[data-appear*="zoom-"].in-view,
[data-appear*="fade-"].in-view {
    opacity: 1;
    transform: scale(1) translate(0, 0);
}

[data-unload="zoom-out"].is-unloading,
[data-appear="zoom-in"],
[data-appear="fade-zoom"] {
    transform: scale(var(--stea-zoom-in));
}

[data-unload="fade-down"].is-unloading,
[data-appear="fade-up"] {
    transform: translateY(var(--stea-move));
}

[data-unload="fade-up"].is-unloading,
[data-appear="fade-down"] {
    transform: translateY(calc(-1 * var(--stea-move)));
}

[data-unload="fade-right"].is-unloading,
[data-appear="fade-left"] {
    transform: translateX(var(--stea-move));
}

[data-unload="fade-left"].is-unloading,
[data-appear="fade-right"] {
    transform: translateX(calc(-1 * var(--stea-move)));
}

[data-unload="fade-down-right"].is-unloading,
[data-appear="fade-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move));
}

[data-unload="fade-down-left"].is-unloading,
[data-appear="fade-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move));
}

[data-unload="fade-up-right"].is-unloading,
[data-appear="fade-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move)));
}

[data-unload="fade-up-left"].is-unloading,
[data-appear="fade-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move)));
}

[data-unload="zoom-out-down"].is-unloading,
[data-appear="zoom-in-up"] {
    transform: translateY(var(--stea-move)) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-up"].is-unloading,
[data-appear="zoom-in-down"] {
    transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-right"].is-unloading,
[data-appear="zoom-in-left"] {
    transform: translateX(var(--stea-move)) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-left"].is-unloading,
[data-appear="zoom-in-right"] {
    transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-down-right"].is-unloading,
[data-appear="zoom-in-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-down-left"].is-unloading,
[data-appear="zoom-in-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-up-right"].is-unloading,
[data-appear="zoom-in-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}

[data-unload="zoom-out-up-left"].is-unloading,
[data-appear="zoom-in-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}

[data-unload="fade-zoom"].is-unloading,
[data-unload="zoom-in"].is-unloading,
[data-appear="zoom-out"] {
    transform: scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-down"].is-unloading,
[data-appear="zoom-out-up"] {
    transform: translateY(var(--stea-move)) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-up"].is-unloading,
[data-appear="zoom-out-down"] {
    transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-right"].is-unloading,
[data-appear="zoom-out-left"] {
    transform: translateX(var(--stea-move)) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-left"].is-unloading,
[data-appear="zoom-out-right"] {
    transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-down-right"].is-unloading,
[data-appear="zoom-out-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-down-left"].is-unloading,
[data-appear="zoom-out-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-up-right"].is-unloading,
[data-appear="zoom-out-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}

[data-unload="zoom-in-up-left"].is-unloading,
[data-appear="zoom-out-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}

.simple-cookies,
.simple-cookies * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hidden {
    display: none!important;
}