/**
 * Design Cart Pajax
 * Code: design-cart-pajax
 * Path: /var/www/html/sweet/wp-content/plugins/design-cart-pajax
 * Autor: Paweł Nosko — https://www.designcart.pl/pawel-nosko.html
 * Firma: Design Cart — https://www.designcart.pl/
 */

/* Transition-specific styles ported from Iqbal Muthahhary / Codrops. */
.dcpajax-stage { position: fixed; inset: 0; width: 100%; height: 100dvh; z-index: 2147483646; overflow: hidden; pointer-events: none; isolation: isolate; background: var(--dcpajax-stage-background, #020403); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; }
.dcpajax-stage *, .dcpajax-stage *::before, .dcpajax-stage *::after { box-sizing: border-box; }
.dcpajax-stage .app__wrapper { position: absolute; inset: 0; width: 100%; height: 100% !important; overflow: hidden; background: #ece9e4; color: #020403; transform-origin: 50% 50%; }
.dcpajax-stage .content__wrapper { position: relative; width: 100%; height: 100%; min-height: 100%; }
.dcpajax-stage .app__wrapper.contact__transition::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; z-index: 100; will-change: clip-path; background: var(--contact-overlay); clip-path: var(--clip, inset(0 0 100% 0)); }
.dcpajax-stage .transition__overlay { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 100; will-change: clip-path; pointer-events: none; visibility: hidden; }
.dcpajax-stage .transition__overlay.team__transition { background: var(--team-overlay); clip-path: var(--clip, polygon(0% 40%, 0% 40%, 0% 60%, 0% 60%)); }
.dcpajax-stage .transition__overlay .title__destination { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); font-family: inherit; font-size: clamp(1rem, 4vw, 2rem); color: var(--team-overlay-text); text-align: center; font-weight: 500; line-height: 1; padding: .25em 0; margin: 0; }
.dcpajax-stage #webgl { width: 100%; height: 100%; pointer-events: none; z-index: 100; position: absolute; inset: 0; visibility: hidden; display: block; }
.dcpajax-stage .transition__morph__svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100; visibility: hidden; }
.dcpajax-stage .transition__morph__svg svg { width: 100%; height: 100%; display: block; }
.dcpajax-stage .transition__morph__svg svg path { fill: var(--works-overlay); stroke: var(--works-overlay); }
.dcpajax-stage .transition__svg__wrapper { position: absolute; inset: 0; overflow: hidden; z-index: 100; visibility: hidden; pointer-events: none; width: 100%; height: 100%; will-change: visibility, pointer-events; }
.dcpajax-stage .svg__transition { width: 100%; height: 100%; display: grid; place-items: center; }
.dcpajax-stage .svg__transition svg { display: block; width: 125%; height: 100%; aspect-ratio: 1; max-width: none; }
.dcpajax-stage .svg__transition svg path { stroke: var(--archive-overlay); }
.dcpajax-stage .lines, .dcpajax-stage .words, .dcpajax-stage .chars { will-change: transform; }
.dcpajax-stage--preview { position: absolute; inset: 0 auto auto 0; width: 1440px; height: 900px; transform-origin: top left; z-index: 2; }
.dcpajax-stage .dcpajax-demo-page { width: 100%; height: 100%; display: flex; flex-direction: column; gap: 63px; align-items: center; justify-content: center; padding-top: 72px; }
.dcpajax-stage .dcpajax-demo-title { font: 500 160px/1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif; text-transform: uppercase; color: #020403; margin: 0; }
.dcpajax-stage .dcpajax-demo-credits { margin: 0; font: 400 12px/normal system-ui, sans-serif; color: #72706c; }
.dcpajax-stage iframe[data-dcpajax-document] { display: block; width: 100%; height: 100%; border: 0; }
.dcpajax-stage--preview .transition__overlay .title__destination { font-size: 32px; }
html.dcpajax-busy { cursor: progress; }
.dcpajax-status { position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 768px) { .dcpajax-stage:not(.dcpajax-stage--preview) .transition__overlay .title__destination { font-size: clamp(1rem, 5vw, 2rem); } }
@media (prefers-reduced-motion: reduce) { .dcpajax-stage { display: none; } }