PageSourceSearch

https://www.xutza.com/checkout/

html xutza.com collected 2026-10-04 08:03:14 UTC 56,623 bytes, 1,645 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3  <head><meta charset="utf-8">
4      <meta http-equiv="X-UA-Compatible" content="IE=edge">
5      <meta name="viewport" content="width=device-width, initial-scale=1">
6      <meta name="theme-color" content="rgba(17, 17, 17, 1)"><link rel="canonical" href="https://www.xutza.com/checkout/"><title>Xutza&#39;s Street</title><meta property="og:title" content="Xutza&#39;s Street">
7      <meta property="twitter:title" content="Xutza&#39;s Street">
8      <meta property="og:site_name" content="Xutza&#39;s Street">
9      <meta property="og:type" content="website">
10      <meta name="twitter:card" content="summary_large_image"><link rel="icon" href="https://media.sellfy.store/images/s4PBPGfD/PqjC/logo_white_transparent.png" type="image/png">
11        <link
12          rel="apple-touch-icon-precomposed"
13          sizes="144x144"
14          href="https://media.sellfy.store/images/s4PBPGfD/PqjC/logo_white_transparent.png"
15        ><meta name="robots" content="index, follow"><link rel="stylesheet" href="https://assets.sellfy.store/static/gen/packed_store.libs.e5897d24.css"><link rel="stylesheet" href="https://assets.sellfy.store/static/gen/packed_store.e6473513.css"><style>
16  html[lang]{
17    background-color: rgba(17, 17, 17, 1);
18    --global-background: rgba(17, 17, 17, 1);
19  }
20  :root{
21    --base-font-family: DM Sans, 'Nunito Sans', -apple-system, system-ui, sans-serif;
22    --base-font-size: 16px;
23    --heading-font-family: Playfair Display, 'Nunito Sans', -apple-system, system-ui, sans-serif;
24    --store-width: 1220px;
25    --button-color: rgba(9, 9, 9, 1);
26    --button-text-color: rgba(255, 255, 255, 1);
27    --button-radius: 30px;
28    --interface-radius: 6px;
29    --button-outline: 1px;
30    --store-bg-color: rgba(17, 17, 17, 1);
31  }
32  .ui.input input,
33  .ui.form textarea,
34  .ui.form input:not([type]),
35  .ui.form input[type='text'],
36  .ui.form input[type='email'],
37  .ui.form input[type='search'],
38  .ui.form input[type='password'],
39  .ui.form input[type='date'],
40  .ui.form input[type='datetime-local'],
41  .ui.form input[type='tel'],
42  .ui.form input[type='time'],
43  .ui.form input[type='url'],
44  .ui.form input[type='number'],
45  .ui.form select,
46  .ui.form select option,
47  .ui.button,
48  .ui.modal,
49  .ui.popup,
50  [class$="store-content"],
51  .ui.label,
52  .embed-button .slfy-store,
53  .ui.embed-popup *,
54  .embed {
55    font-family: DM Sans, 'Nunito Sans', -apple-system, system-ui, sans-serif;
56  }
57  .ui.header:not(h2),
58  .ui.modal > .header,
59  .header:not(h2){
60    font-family: Playfair Display, 'Nunito Sans', -apple-system, system-ui, sans-serif;
61  }
62  .fr_primary_button, a.fr_primary_button{
63    background-color: rgba(9, 9, 9, 1);
64    border-radius: 30px;
65    color: rgba(255, 255, 255, 1);box-shadow: 0 0 0 1px rgba(255, 255, 255, 1);}
66  .fr_secondary_button{
67    background-color: rgba(255, 255, 255, 1);
68    border-radius: 30px;
69    color: rgba(9, 9, 9, 1);border: 1px solid rgba(255, 255, 255, 1);}
70  .button{
71    border-radius: 30px !important;
72  }.store-content h1.ui.header,
73    .store-content h2.ui.header:not(.ui.segment *),
74    .store-content .subheader,
75    .store-content .search-notfound ul li,
76    .related-products h2.ui.header {
77      color: rgba(255, 255, 255, 0.96) !important;
78    }
79    .search .slfy-store{
80      background-color: rgba(17, 17, 17, 1);
81    }
82    .search .store-content h2.ui.header,
83    .store-content .subheader,
84    .store-content .search-notfound ul li,
85    .related-products h2.ui.header{
86      color: rgba(255, 255, 255, 0.96) !important;
87    }.breadcrumbs .item{
88    color: currentColor !important;
89    opacity: 0.7;
90  }
91  .breadcrumbs .item:last-child,
92  .breadcrumbs .item:hover,
93  .breadcrumbs .item:focus{
94    opacity: 1;
95  }
96  .breadcrumbs .item::after{
97    opacity: 0.7;
98    color: currentColor !important;
99  }
100  .ui.button{
101    background: rgba(9, 9, 9, 1) !important;
102    color: rgba(255, 255, 255, 1) !important;
103    border-radius: 30px !important;
104    transition: 0.2s ease;box-shadow: 0 0 0 1px rgba(255, 255, 255, 1) inset !important;}
105  .ui.button:hover,
106  .ui.button:focus{
107    background-color: rgba(9, 9, 9, 1) !important;
108    filter: brightness(1.15);
109  }
110  .error.module{
111    padding-bottom: 5rem;
112    padding-top: 2.5rem;
113    text-align: center;
114    flex-grow: 1;
115  }
116  .error.module h2{
117    font-weight: bold;
118    font-size: 2.5em;
119  }
120  .error.module p.description{
121    font-size: 1em;
122    margin-top: 0.75em;
123    opacity: 0.8;
124  }
125</style>
125<script>
126  
127
128window.GLOBALS = {
129  ADMIN_URL: 'https://sellfy.com/user/',
130  CAPTCHA_SITEKEY: '0d1404b7-e163-42b4-90fc-b6107b5f0cc5',
131  CAPTCHA_TYPE: 'h-captcha',
132  CHECKOUT_URL: 'https://www.xutza.com/checkout/',
133  IS_PRODUCTION: true,
134  SELLER_ID: '67e0114d76cd31b80e4ecece',
135  STORE_HAS_SIGNIN: true,
136  STORE_IN_MAINTENANCE: false,
137  STORE_URL: 'https://www.xutza.com/',
138  STORE_USER_AUTHORIZED: false,
139  AFFILIATE_PROGRAM_ENABLED: false,
140  SHOW_AFFILIATE_PROGRAM_UI: false,
141  PAYPAL_ENABLED: true,
142  STORE_CUSTOMIZE_ALLOWED: true,
143};
144</script>
144
145    
146
147<!-- Title & description -->
148<meta property="og:title" content="Xutza — Official Store">
149<meta property="og:description" content="3D/2D Creator.">
150
151<!-- Embed color (white) -->
152<meta name="theme-color" content="#FFFFFF"
153
154
155
156
157
158
159
160
161    
162    <link rel="preconnect" href="https://assets.sellfy.store/" crossorigin>
163    <link rel="preconnect" href="https://media.sellfy.store/" crossorigin>
164    <link rel="preload" href="https://assets.sellfy.store/static/assets/fonts/dripicons-v2.woff" as="font" type="font/woff" crossorigin>
165    <link rel="preload" href="https://assets.sellfy.store/static/assets/themes/default/assets/fonts/icons.woff2" as="font" type="font/woff2" crossorigin>
166          <link rel="preconnect" href="https://hcaptcha.com">
167        
168      
168<script>
169        window.GLOBALS.CHECKOUT_CUSTOM_FIELDS = {"name": "iCiUMVBv", "id": "6920c6d7594a8b2532102862", "fields": [{"required": true, "label": "| Discord |", "enabled": true, "_cls": "TextCustomField", "name": "cOLlcID8", "options": {"placeholder": "Discord username", "min_length": null, "max_length": null}}, {"required": true, "label": "| Vrchat Username |", "enabled": true, "_cls": "TextCustomField", "name": "RtXYfzSG", "options": {"placeholder": "VRC username", "min_length": null, "max_length": null}}, {"required": false, "label": "| Gift? ( Optional, username of receiver ) |", "enabled": true, "_cls": "TextCustomField", "name": "SuYWzQDe", "options": {"placeholder": "Username here", "min_length": null, "max_length": null}}, {"required": true, "label": "I Agree to Terms of Service I", "enabled": true, "_cls": "CheckBoxCustomField", "name": "pkvJg2W2", "options": {}}]};
170      </script>
170</head>
171  <body class="checkout">
172    <div itemscope itemtype="https://schema.org/WebSite">
173      <meta itemprop="url" content="https://www.xutza.com/">
174      <meta itemprop="name" content="Xutza&#39;s Street">
175    </div><div
176        class="slfy-store
177        p-dm-sans
178        h-playfair-display
179        b-16
180        width-1200
181        
182        checkout
183        "
184        style="background-color:rgba(17, 17, 17, 1);background-image:url();background-position:center center;background-size:cover;"
185      >
186        <div class="user-panel"></div>
187          <div class="warning-container"></div>
188              <style>
189  .navigation.module{
190    --cart-background: rgba(11, 11, 11, 0.9);
191  }
192  .navigation.module .actions {
193      /* background: rgba(11, 11, 11, 0.9); */
194      color: rgba(149, 149, 149, 1);
195  }
196  .ui.popup.checkout.shopping-cart-content .ui.segment .header h6.ui.header,
197  .ui.popup.checkout.shopping-cart-content .ui.segment h3.ui.header,
198  .ui.popup.sign-in-content .ui.segment.content .basic.header h6.ui.header {
199      font-family: DM Sans, 'Nunito Sans', -apple-system, system-ui, sans-serif;
200  }
201  .navmenu .item > .menu{
202      background: rgba(11, 11, 11, 0.9);
203      --menu-bg: rgba(11, 11, 11, 0.9);
204  }
205  .navmenu:not(.dropdown) .item.more-items{
206    display: none !important;
207  }
208  .navmenu .more-items > .menu > .item > a > .icon{
209    transform: rotate(-90deg);
210  }
211  .navmenu .more-items > .more > .icon {
212    font-size: 0.875rem;
213  }
214  .navmenu .more-items > .menu > .item > .menu > .item a{
215    display: flex;
216    justify-content: space-between;
217  }
218  .divider{
219    height: 100%;
220    width: 1px;
221    background: rgba(149, 149, 149, 1);
222  }
223  .open-mobile-menu{
224    margin: -1em;
225    padding: 1em;
226  }
227</style>
228<div
229  class="navigation module
230  xlarge
231  sticky-store-nav sticky
232  
233  unconstrained
234  "
235style="
236  color: rgba(149, 149, 149, 1);
237  background-color: rgba(11, 11, 11, 0.9);
238  box-shadow: 0 0 0 0px rgba(0, 0, 0, 1);
239  background-image: url();
240  background-position: center center;
241  background-size: cover;
242  --backdrop-filter: blur(80.0px);
243  --height: 150.0px;
244--padding: 12.0px 400.0px 12.0px 400.0px;
245--max-width: 90.0%;"
246>
247  
248    <div class="overlay"></div>
249  
250  <div class="container">
251    <div class="content-wrapper" >
252      <div class="logo-container"><a class="store-logo" href="https://www.xutza.com/" data-disabled="false">
253            <img
254              src="https://media.sellfy.store/images/s4PBPGfD/PqjC/logo_white_transparent.png"
255              class="logo-image"
256              alt="Xutza&#39;s Street"
257              style="
258                --border-radius: 0.0px;
259                --aspect-ratio: auto;
260              ">
261          </a></div>
262      <div class="navmenu menu center navigation-overflow overflow"><div class="item store-nav-item ">
263          <a href="https://www.xutza.com/models/"
264             target="_self"
265             rel="noopener">
266            | Models | </a></div><div class="item store-nav-item ">
267          <a href="https://www.xutza.com/assets/"
268             target="_self"
269             rel="noopener">
270            |  Assets | </a></div><div class="item store-nav-item ">
271          <a href="https://xutza.carrd.co/"
272             target="_self"
273             rel="noopener">
274            | Links | </a></div><div class="item store-nav-item ">
275          <a href="https://www.xutza.com/terms-of-service/"
276             target="_self"
277             rel="noopener">
278            | Terms of Service |</a></div><div class="item more-items">
279          <span class="more">More<i class="icon dripicons-chevron-down"></i>
280          </span>
281          <div class="menu" tabindex="-1"></div>
282        </div>
283      </div>
284      <div class="actions">
285        
286          <form class="item search store-search" action="/search/">
287            <input type="search" name="search" value="" placeholder="Search..." autocomplete="off" style="color:rgba(149, 149, 149, 1);border-color:rgba(149, 149, 149, 1);">
288            <svg
289              xmlns="http://www.w3.org/2000/svg"
290              width="18"
291              height="18"
292              viewBox="0 0 24 24"
293              fill="none"
294              stroke="currentColor"
295              stroke-width="2"
296              stroke-linecap="round"
297              stroke-linejoin="round"
298              class="icon"
299            >
300              <circle cx="11" cy="11" r="8"></circle>
301              <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
302            </svg>
303          </form>
304        
305        
306        <div class="item sign-in">
307          
308          <div class="ui bottom right popup sign-in-content">
309            <div class="ui segment content">
310              <div class="sign-in-block">
311                <div class="basic header">
312                  <h4 class="ui header">Sign up</h4>
313                </div>
314                <form class="sign-up-to-store has-captcha">
315                  <div class="sign-in-container">
316                    <div class="email">
317                      <input type="email" name="email" placeholder="Email" required>
318                      </div>
319                      <button
320                        class="fr_primary_button centered sign-in h-captcha"
321                        data-sitekey="0d1404b7-e163-42b4-90fc-b6107b5f0cc5"
322                        data-callback="submitSignUpForm"
323                        data-action="submit"
324                        type="submit">Sign up</button>
325                  </div>
326                  <p class="subtitle">We'll email you a code for a password-free sign up.</p>
327                  <p class="subtitle">Purchases made with this email address will be shown in your account.</p>
328                  <p class="subtitle alt">
329                    <span class="content">Already have an account?</span>
330                    <a class="ui link sign-in-link">Sign in</a>
331                  </p>
332                </form>
333              </div>
334              <div class="sign-up-block hidden">
335                <div class="basic header">
336                  <h4 class="ui header">Sign in</h4>
337                </div>
338                <form class="sign-in-to-store has-captcha">
339                  <div class="sign-in-container">
340                    <div class="email">
341                      <input type="email" name="email" placeholder="Email" required>
342                      </div>
343                      <button
344                        class="fr_primary_button centered sign-in h-captcha"
345                        data-sitekey="0d1404b7-e163-42b4-90fc-b6107b5f0cc5"
346                        data-callback="submitSignInForm"
347                        data-action="submit"
348                        type="submit">Sign in</button>
349                  </div>
350                  <p class="subtitle">We'll email you a code for a password-free login.</p>
351                  <p class="subtitle">Purchases made with this email address will be shown in your account.</p>
352                  <p class="subtitle alt">
353                    <span class="content">Don't have an account yet?</span>
354                    <a class="ui link sign-up-link">Sign up</a>
355                  </p>
356                </form>
357              </div>
358              <div class="confirmation-message hidden">
359                <div class="icon">
360                  <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
361                    <path d="M42.4163 17.3756L24.4163 5.37562C24.293 5.29339 24.1482 5.24951 24 5.24951C23.8518 5.24951 23.707 5.29339 23.5837 5.37562L5.58375 17.3756C5.48101 17.4442 5.39679 17.537 5.33857 17.646C5.28034 17.7549 5.24992 17.8765 5.25 18V37.5C5.25 38.0967 5.48705 38.669 5.90901 39.091C6.33097 39.5129 6.90326 39.75 7.5 39.75H40.5C41.0967 39.75 41.669 39.5129 42.091 39.091C42.5129 38.669 42.75 38.0967 42.75 37.5V18C42.7501 17.876
3615 42.7197 17.7549 42.6614 17.646C42.6032 17.537 42.519 17.4442 42.4163 17.3756ZM19.4306 28.5L6.75 37.455V19.455L19.4306 28.5ZM20.9662 29.25H27.0337L39.7837 38.25H8.22375L20.9662 29.25ZM28.5694 28.5L41.25 19.455V37.455L28.5694 28.5ZM24 6.90187L40.6875 18.0206L27.0319 27.75H20.9681L7.32188 18.0206L24 6.90187Z" fill="currentColor"/>
362                    </svg>
363                </div>
364                <p class="text">Check your email for a link</p>
365              </div>
366            </div>
367          </div>
368          
369          <a class="sign-in-button" href="https://www.xutza.com/u/" aria-label="Sign in">
370            <svg
371            xmlns="http://www.w3.org/2000/svg"
372            width="18"
373            height="18"
374            viewBox="0 0 24 24"
375            fill="none"
376            stroke="currentColor"
377            stroke-width="2"
378            stroke-linecap="round"
379            stroke-linejoin="round"
380            class="icon"
381            >
382              <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21"></path>
383              <path d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z"></path>
384            </svg>
385          </a>
386        </div><div class="divider"></div>
387        <div class="item mobile-menu">
388          <div class="icon-container open-mobile-menu">
389            <svg
390              xmlns="http://www.w3.org/2000/svg"
391              width="18"
392              height="18"
393              viewBox="0 0 24 24"
394              fill="none"
395              stroke="currentColor"
396              stroke-width="2"
397              stroke-linecap="round"
398              stroke-linejoin="round"
399              class="icon"
400            >
401              <line x1="3" y1="12" x2="21" y2="12"></line>
402              <line x1="3" y1="6" x2="21" y2="6"></line>
403              <line x1="3" y1="18" x2="21" y2="18"></line>
404            </svg>
405          </div>
406          <div class="menu-container">
407            <div class="close spacer"></div>
408            <div class="menu-panel" style="color:rgba(149, 149, 149, 1);--background-color:rgba(11, 11, 11, 0.9);">
409              <div class="header">
410                <div class="left panel">
411                  <div class="back-action">
412                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
413                      <path d="M9 5.25L2.25 12L9 18.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
414                      <path d="M3 12L22 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
415                      </svg>
416                  </div>
417                </div>
418                <div class="right panel"><div class="language-switcher store-language">
419                      <select class="auto-width" aria-label="Select language"><option value="en" selected=&#34;selected&#34;>
420                          English
421                        </option><option value="es" >
422                          Español
423                        </option><option value="pt" >
424                          Português
425                        </option><option value="fr" >
426                          Français
427                        </option><option value="de" >
428                          Deutsch
429                        </option><option value="it" >
430                          Italiano
431                        </option><option value="ru" >
432                          Русский
433                        </option></select>
434                      <div class="icon-container">
435                        <svg
436                          xmlns="http://www.w3.org/2000/svg"
437
438
439                          viewBox="0 0 24 24"
440                          fill="none"
441                          stroke="currentColor"
442                          stroke-width="2"
443                          stroke-linecap="round"
444                          stroke-linejoin="round"
445                          class="icon"
446                        >
447                          <polyline points="6 9 12 15 18 9"></polyline>
448                        </svg>
449                      </div>
450                    </div><div class="action close">
451                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor"><title>close</title><polygon class="cls-1" points="24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4"/></svg>
452                  </div>
453                </div>
454              </div>
455              <div class="item-wrapper">
456                <div class="item-grid">
457                  <div class="column first">
458                    <div class="items"><a
459                        class="item "
460                        data-id="aa8e468a-51e0-44ed-9f45-3ca807e5de21"
461                        href="https://www.xutza.com/models/"
462                        target="_self"
463                        rel="noopener"
464                      >
465                        | Models | </a><a
466                        class="item "
467                        data-id="2088efda-81e9-49d4-8d2f-252947de9a7c"
468                        href="https://www.xutza.com/assets/"
469                        target="_self"
470                        rel="noopener"
471                      >
472                        |  Assets | </a><a
473                        class="item "
474                        data-id="bd115c2c-d4bb-4b52-8f99-1646a3ad9345"
475                        href="https://xutza.carrd.co/"
476                        target="_self"
477                        rel="noopener"
478                      >
479                        | Links | </a><a
480                        class="item "
481                        data-id="4c508261-e46d-40ef-b288-bb21a785b87e"
482                        href="https://www.xutza.com/terms-of-service/"
483                        target="_self"
484                        rel="noopener"
485                      >
486                        | Terms of Service |</a></div>
487                  </div>
488                  <div class="column second"></div>
489                  <div class="column third"></div>
490                </div>
491              </div>
492              
493              <div class="account-menu">
494                <div class="items">
495                  
496                  <a href="https://www.xutza.com/u/signin/" class="item">Sign in</a>
497                  
498                </div>
499              </div>
500              
501            </div>
502          </div>
503        </div>
504        
505      </div>
506    </div>
507  </div>
508</div>
509            
510              
511
512
513
514<style>
515  .field-r .checkbox input:checked + label::before{
516    background-color: rgba(17, 17, 17, 1);
517  }
518</style>
519<div
520  class="checkout-react module segmented"
521  style="
522    background-color:transparent;
523    background-image:url();
524    background-position:center center;
525    background-size:cover;
526    color:rgba(255, 255, 255, 1);
527    --checkout-text-color: rgba(255, 255, 255, 1);
528    --title-color: rgba(255, 255, 255, 1);
529    --card-background: rgba(0, 0, 0, 1);
530    --input-border-color: rgba(255,255,255,0.4);
531    --section-heading-color: rgba(255, 255, 255, 1);
532    --checkout-accent: rgba(255, 255, 255, 1);
533    --checkout-focus: rgba(255, 255, 255, 1);
534    --checkout-background: rgba(17, 17, 17, 1);
535    --top-safe-area: calc(120px + 2.5rem);
536    --card-radius: var(--interface-radius);
537  ">
538  
539  <div class="container" id="slfy_checkout">
540    <div class="slfy-checkout preload">
541      <div class="spinner large"></div>
542    </div>
543  </div>
544</div>
545<script type="text/javascript">
546  window.checkoutProps = {
547    textColor: 'rgba(255, 255, 255, 1)',
548    textColor50: 'rgba(255, 255, 255, 1)',
549    isPillShaped: 'True',
550    seller_features: {"cart_enabled": true, "checkout_captcha_enabled": true, "force_toc_agreement": true, "localization": {"enabled": true, "language": "en"}, "maintenance_mode": false, "newsletter_opt_in": false, "search_enabled": true, "show_categories_menu": true, "show_email_subscription_form": false, "show_related_products": false, "signin_enabled": true},
551    companyOrderEnabled: false,
552    newsletterCheckbox: true,
553    subdomain: 'xutza',
554  };
555</script>
vendor: 1 bytes, line 555
555
556<script async defer src="https://assets.sellfy.store/static/gen/packed_store_checkout.ec233270.js"></script>
556
557            
558              <div
559  class="footer module small "
560  style="background-color:rgba(0, 0, 0, 1);background-image:url();background-position:center center;background-size:cover;color:rgba(255, 255, 255, 1);--height: 60.0px;
561--padding: 60.0px 20.0px 60.0px 20.0px;
562--max-width: 100.0%;">
563  
564  <div class="overlay"></div>
565  
566  <div class="container">
567    <div class="footer-items">
568      <div class="left">
569        <div class="menu"><a class="item store-nav-item"
570               href="https://www.xutza.com/terms-of-service/"
571               target="_self"
572               rel="noopener"
573              >
574              Terms of Service
575            </a></div></div>
576      <div class="spacer"></div>
577      <div class="right"><div class="basic-select language-switcher store-language">
578            <select aria-label="Select language"><option value="en" selected>
579                English
580              </option><option value="es" >
581                Español
582              </option><option value="pt" >
583                Português
584              </option><option value="fr" >
585                Français
586              </option><option value="de" >
587                Deutsch
588              </option><option value="it" >
589                Italiano
590              </option><option value="ru" >
591                Русский
592              </option></select>
593            <div class="icon-container">
594              <svg
595                xmlns="http://www.w3.org/2000/svg"
596
597
598                viewBox="0 0 24 24"
599                fill="none"
600                stroke="currentColor"
601                stroke-width="2"
602                stroke-linecap="round"
603                stroke-linejoin="round"
604                class="icon"
605              >
606                <polyline points="6 9 12 15 18 9"></polyline>
607              </svg>
608            </div>
609          </div></div>
610    </div>
611  </div></div>
612            </div><div>
612<script class="template" type="text/template" id="shoppingCartItemsView">
613  <div class="items scrollable product-listing">
614    <% _.each(model.items, function(item){ %>
615      <% const outOfStock = !item.stock.unlimited && item.quantity > item.stock.quantity %>
616      <div class="ui product item <% if(outOfStock) { %> out-of-stock<% } %>">
617        <div class="details column">
618          <a class="preview-description" href="<%- item.product.url %>">
619            <h3 class="product-title">
620              <%- item.product.name %>
621            </h3>
622            <div class="variant-info">
623              <% if(item.product.variants.length > 1) { %>
624                <% if(item.filled_forms && !item.filled_forms.length) { %>
625                  <div class="info-line"><%- item.product.selected_variant %></div>
626                <% } else { %>
627                  <div class="info-line">Variant: <%- item.product.selected_variant %></div>
628                <% } %>
629              <% } %>
630              <% if(item.filled_forms && item.filled_forms.length) { %>
631                <% item.filled_forms.map((form) => { %>
632                  <% form.fields.map((field) => { %>
633                    <% if(field.value) { %>
634                      <div class="info-line" title="<%- field.value %>">
635                        <%- field.label %>: <%- formatDisplayField(field.value, field._cls) %>
636                      </div>
637                    <% } %>
638                  <% }); %>
639                <% }); %>
640              <% } %>
641              <div class="info-line oos-message">Only <%- item.stock.quantity %>  items left in stock.</div>
642            </div>
643          </a>
644        </div>
645        <div class="price column">
646          <div class="product-price">
647            <% if(item.discount && item.discount.amount) { %>
648              <span class="old-price"><%= item.original_price.label %></span>
649            <% } %>
650            <div class="price">
651              <% if(item.quantity > 1) { %>
652                <span class="locked-quantity"><%- item.quantity %> ×</span>
653              <% } %>
654              <%= item.adjusted_price.label %>
655            </div>
656          </div>
657          <div class="remove-item" data-id="<%- item.id %>">Remove</div>
658        </div>
659      </div>
660    <% }) %>
661  </div>
662  <div class="no-items">
663    <p>
664      Your shopping cart is empty.
665    </p>
666    <p class="continue-column">
667      <a class="ui tiny basic button" href="<%- storeUrl %>"> <i class="icon dripicons-chevron-left"></i>Continue shopping</a>
668    </p>
669  </div>
670</script>
670
671
672<script class="template" type="text/template" id="shoppingCartTotalsView">
673  <div class="ui middle aligned stackable grid totals-row">
674
675    <% if(model.is_coupon_available){ %>
676      <div class="row coupon-code">
677        <div class="six wide mobile six wide tablet seven wide computer column text-column">
678          Have a coupon code?
679        </div>
680        <div class="six wide mobile six wide tablet five wide computer column input-column">
681          <form class="cart-form">
682            <div class="discount-code-wrap">
683              <div class="ui fluid action tiny input discount-code">
684                <input type="text" name="discount_code" placeholder="Coupon code">
685                <button class="ui basic button apply-discount-code">Apply</button>
686              </div>
687            </div>
688          </form>
689        </div>
690      </div>
691    <% } %>
692    <div class="row summary">
693      <div class="six wide mobile six wide tablet four wide computer column continue-column"></div>
694      <div class="six wide mobile six wide tablet eight wide computer column content-column">
695        <div class="ui grid">
696          <div class="six wide mobile four wide tablet six wide computer right aligned column">
697            <div class="subtotal-text">Subtotal:</div>
698            <% if(model.discount.amount) { %>
699              <div class="discount-text">Discount:</div>
700            <% } %>
701            <% if(model.is_shipping_required) { %>
702            <div class="shipping-text">Shipping:</div>
703            <% } %>
704            <% if(model.handling_fee.amount) { %>
705              <div class="handle-fee-text">Handling fee:</div>
706            <% } %>
707            <% if(model.setup_fee.amount) { %>
708            <div class="handle-fee-text">Setup fee:</div>
709          <% } %>
710          <% if(model.tax.amount) { %>
711              <div class="tax-text">Tax (<%= model.tax.percents %>%):</div>
712            <% } %>
713            </div>
714          <div class="six wide mobile eight wide tablet six wide computer right aligned column">
715            <div class="subtotal"><%= model.sub_total.label %></div>
716            <% if(model.discount.amount) { %>
717              <div class="discount"><%= model.discount.label %></div>
718            <% } %>
719            <% if(model.is_shipping_required) { %>
720              <div class="shipping"><%= model.shipping.label %></div>
721            <% } %>
722            <% if(model.handling_fee.amount) { %>
723              <div class="handle-fee"><%= model.handling_fee.label %></div>
724          <% } %>
725          <% if(model.setup_fee.amount) { %>
726            <div class="setup-fee"><%= model.setup_fee.label %></div>
727            <% } %>
728            <% if(model.tax.amount) { %>
729              <div class="tax"><%= model.tax.label %></div>
730            <% } %>
731          </div>
732        </div>
733      </div>
734    </div>
735    <div class="row total">
736      <div class="six wide mobile six wide tablet four wide computer column continue-column"></div>
737      <div class="six wide mobile six wide tablet eight wide computer column content-column">
738        <div class="ui grid">
739          <% if(model.setup_fee.amount) { %>
740            <div class="row">
741              <div class="six wide mobile four wide tablet six wide computer right aligned column">
742                <div class="title total-text">Total:</div>
743              </div>
744              <div class="six wide mobile eight wide tablet six wide computer right aligned column total-amount" id="total_amount">
745                <div class="title total">
746                  <%= model.total.label %>
747                  <% if (model.interval_short) { %>
748                  <div class="subtitle">
749                    <%= model.total_wo_setup_fee %> billed <%= model.interval %>ly
750                  </div>
751                  <% } %>
752                </div>
753              </div>
754            </div>
755          <% } else { %>
756          <div class="row">
757            <div class="six wide mobile four wide tablet six wide computer right aligned column">
758              <div class="title total-text">Total:</div>
759            </div>
760            <div class="six wide mobile eight wide tablet six wide computer right aligned column total-amount" id="total_amount">
761              <div class="title total">
762                <%= model.total.label %><% if (model.interval_short) { %>/<%= model.interval_short %><% } %>
763              </div>
764            </div>
765          </div>
766          <% } %>
767        </div>
768      </div>
769    </div>
770    <% if (model.interval) { %>
771    <div class="row right aligned">
772      <div class="twelve wide column">
773        <p class="subscription-notice">
774          Note: Your subscription is automatically renewed unless cancelled during the subscription period.
775        </p>
776      </div>
777    </div>
778    <% } %>
779  </div>
780</script>
780
781
782<script class="template" type="text/template" id="shoppingCartSubTotalsView">
783  <div class="totals-layout">
784    <div class="left-column">
785      <h3 class="ui paragraph header"><span class="subtotal"><%= model.total.label %></span></h3>
786    </div>
787    <div class="right-column">
788      <a class="cart-link" href="<%= checkoutUrl %>cart">
789        View cart
790      </a>
791      <a class="fr_primary_button centered checkout-button" href="<%= checkoutUrl %>">
792        Checkout
793      </a>
794    </div>
795  </div>
796</script>
796
797
798<script class="template" type="text/template" id="shoppingCartWidgetView">
799  <div class="ui segment content">
800    <div class="header">
801      <h4 class="ui header">Shopping cart</h4>
802    </div>
803    <%= items %>
804    <div class="order-totals">
805      <%= subtotals %>
806    </div>
807  </div>
808</script>
808
809
810<script class="template" type="text/template" id="upsellApproveText">Adding...</script>
810
811
812<script class="template" type="text/template" id="userPanel">
813  <div class="panel-content">
814    <div class="panel-info-block">
815      <% if(window.GLOBALS.STORE_IN_MAINTENANCE) { %>Your store is in maintenance mode<% } else { %>This is your store<% } %>
816      <span> (customers won't see this banner)</span>
817    </div>
818    <div class="panel-action-block">
819      <div class="ui large circular black labels">
820        <% if(window.GLOBALS.STORE_IN_MAINTENANCE) { %>
821          <a class="ui label customize" href="<%- window.GLOBALS.ADMIN_URL %>settings/general#storeMaintenance">
822            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor">
823              <path d="M288 64c-140.8 0-229.3 128-256 192 26.7 64 115.2 192 256 192 140.8 0 229.3-128 256-192-26.7-64-115.2-192-256-192zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1 3.3 7.9 3.3 16.7 0 24.6-14.9 35.7-46.2 87.7-93 131.1-47.1 43.7-111.8 80.6-192.6 80.6S142.5 443.2 95.4 399.4c-46.8-43.5-78.1-95.4-93-131.1-3.3-7.9-3.3-16.7 0-24.6 14.9-35.7 46.2-87.7 93-131.1zM288 352c53 0 96-43 96-96 0-43.3-28.7-79.9-68.1-91.9 2.7 8.8 4.1 18.2 4.1 27.9 0 53-43 96-96 96-9.7 0-19.1-1.4-27.9-4.1 11.9 39.4 48.6 68.1 91.9 68.1zM160.2 263.8c-.2-2.6-.2-5.2-.2-7.8 0-12.2 1.7-23.9 4.9-35 .3-.9 .5-1.8 .8-2.7 12.4-40.4 44.3-72.2 84.7-84.7 11.9-3.7 24.6-5.6 37.7-5.6 2.5 0 5 .1 7.4 .2l.4 0c67.1 4 120.2 59.7 120.2 127.8 0 70.7-57.3 128-128 128-68.1 0-123.8-53.2-127.8-120.2zm32.1-16.1c9.3 5.3 20.1 8.4 31.6 8.4 35.3 0 64-28.7 64-64 0-11.5-3-22.3-8.4-31.6-46.4 4-83.3 40.9-87.3 87.3z"/>
824            </svg>Stop maintenance</a>
825        <% } %>
826        <% if(product_id) { %>
827          <a class="ui label customize" href="<%- window.GLOBALS.ADMIN_URL %>products/<%- product_type %>/<%- product_id %>">
828            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
829              <path d="M404 32c-10.7 0-20.9 4.2-28.5 11.8l-58.5 58.5 92.7 92.7 58.5-58.5c7.6-7.6 11.8-17.8 11.8-28.5s-4.2-20.9-11.8-28.5L432.5 43.8C424.9 36.2 414.7 32 404 32zM93 326.3L185.7 419 387 217.7 294.3 125 93 326.3zM72 350.6c-2 3.7-3.6 7.7-4.8 11.8L35.5 476.5 149.6 444.8c4.1-1.1 8.1-2.7 11.8-4.8L72 350.6zM352.9 21.2C366.4 7.6 384.8 0 404 0s37.6 7.6 51.1 21.2l35.7 35.7C504.4 70.4 512 88.8 512 108s-7.6 37.6-21.2 51.1l-294 294c-10.7 10.7-24.1 18.5-38.7 22.6L30.4 511.1c-8.3 2.3-17.3 0-23.4-6.2s-8.5-15.1-6.2-23.4L36.4 353.8c4.1-14.6 11.8-27.9 22.6-38.7l294-294z"/>
830            </svg>Edit product</a>
831        <% } %>
832        <% if(window.GLOBALS.STORE_CUSTOMIZE_ALLOWED) { %>
833          <a class="ui label customize" href="<%- window.GLOBALS.ADMIN_URL %>store/edit/">
834            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
835              <path d="M0 416c0-8.8 7.2-16 16-16l65.6 0c7.4-36.5 39.7-64 78.4-64s71 27.5 78.4 64L496 400c8.8 0 16 7.2 16 16s-7.2 16-16 16l-257.6 0c-7.4 36.5-39.7 64-78.4 64s-71-27.5-78.4-64L16 432c-8.8 0-16-7.2-16-16zm208 0a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM400 256a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm-48-80c38.7 0 71 27.5 78.4 64l65.6 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-65.6 0c-7.4 36.5-39.7 64-78.4 64s-71-27.5-78.4-64L16 272c-8.8 0-16-7.2-16-16s7.2-16 16-16l257.6 0c7.4-36.5 39.7-64 78.4-64zM192 48a48 48 0 1 0 0 96 48 48 0 1 0 0-96zm78.4 32L496 80c8.8 0 16 7.2 16 16s-7.2 16-16 16l-225.6 0c-7.4 36.5-39.7 64-78.4 64s-71-27.5-78.4-64L16 112c-8.8 0-16-7.2-16-16S7.2 80 16 80l97.6 0C121 43.5 153.3 16 192 16s71 27.5 78.4 64z"/>
836            </svg>Customize</a>
837        <% } %>
838        <a class="ui label" href="<%- window.GLOBALS.ADMIN_URL %>dashboard">
839          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
840            <path d="M32 256c0-123.7 100.3-224 224-224 8.8 0 16-7.2 16-16S264.8 0 256 0C114.6 0 0 114.6 0 256S114.6 512 256 512c8.8 0 16-7.2 16-16s-7.2-16-16-16C132.3 480 32 379.7 32 256zM395.3 132.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L457.4 240 176 240c-8.8 0-16 7.2-16 16s7.2 16 16 16l281.4 0-84.7 84.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0l112-112c6.2-6.2 6.2-16.4 0-22.6l-112-112z"/>
841          </svg>Dashboard</a>
842      </div>
843    </div>
844  </div>
845</script>
845
846
847<script class="template" type="text/template" id="paypalWarning">
848  <div class="warning-content">
849    <div class="warning-info-block">Please use a different credit card and email address than what's saved to the PayPal account that you're using to receive payments<span> (customers won't see this banner)</span>
850    </div>
851    <div class="warning-action-block">
852      <span class="ui label circular close-icon">
853        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor">
854          <path d="M379.3 91.3c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 27.3 68.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 4.7 420.7c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 356.7 443.3c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 379.3 91.3z"/>
855        </svg>
856      </span>
857    </div>
858  </div>
859</script>
859
860
861<script class="template" type="text/template" id="upsellModal">
862  <form class="ui modal upsell-modal">
863    <i class="icon close"></i>
864    <div class="header">
865      <%- upsell.message %>
866    </div>
867    <div class="content">
868
869      <div class="product-card">
870        <div class="image-container">
871          <%= item.product.image.html %>
872        </div>
873          <h4 class="ui header name"><%- item.product.name %></h4>
874        <% if (item.discount.amount) { %>
875          <div class="price-old"><%= item.original_price.label %></div>
876        <% } %>
877        <% if (item.is_free) { %>
878          <h3 class="ui header price">FREE</h3>
879        <% } else { %>
880          <h3 class="ui header price"><%= item.adjusted_price.label %></h3>
881        <% } %>
882      </div>
883
884      <% if (item.product.variants && item.product.variants.length > 1) { %>
885        <div class="ui form product-variant">
886          <div class="field">
887            <label for="product_variant">Select variant:</label>
888            <select id="product_variant" name="variant">
889              <option selected disabled>
890                Please select...
891              </option>
892              <% item.product.variants.forEach(variant => { %>
893              <option value="<%- variant.id %>"
894                      data-price="<%- variant.upsell_original_price.label %>"
895                      data-total="<%- variant.upsell_adjusted_price.label %>"
896                      data-image-html="<%- variant.image.html %>"
897                      data-image-url="<%- variant.image.html %>"
898                      data-outofstock="<%- variant.out_of_stock %>"
899              >
900                <%- variant.name %>
901              </option>
902              <% }); %>
903            </select>
904          </div>
905        </div>
906      <% } %>
907    </div>
908    <div class="actions">
909      <a class="fr_primary_button fr_large approve button <%- item.product.variants && item.product.variants.length > 1 || item.product.variants[0].out_of_stock ? 'ui disabled' : '' %>">
910        <% if(item.product.variants && item.product.variants[0].out_of_stock) { %>
911          Out of stock
912        <% } else { %>
913          Add to cart
914        <% } %>
915      </a>
916      <div class="cancel-action close">
917        <span>No thanks</span>
918      </div>
919    </div>
920    <input type="hidden" name="product" value="<%- item.product.key %>">
921    <input type="hidden" name="discount_id" value="<%- upsell.id %>">
922  </form>
923</script>
923
924
925<script class="template" type="text/template" id="failedToSendMessageError">Failed sending message!</script>
vendor: 1 bytes, line 925
925
926<script class="template" type="text/template" id="defaultErrorHeader">Something went wrong.</script>
vendor: 1 bytes, line 926
926
927<script class="template" type="text/template" id="defaultErrorBody">Something went wrong. Please reload page and try again</script>
vendor: 1 bytes, line 927
927
928<script class="template" type="text/template" id="addToCart">Add to cart</script>
vendor: 1 bytes, line 928
928
929<script class="template" type="text/template" id="outOfStock">Out of stock</script>
vendor: 1 bytes, line 929
929
930<script class="template" type="text/template" id="itemAdded">Item added!</script>
vendor: 1 bytes, line 930
930
931<script class="template" type="text/template" id="lowStock">Only {0} items left in stock.</script>
931
932
933<script class="template" type="text/template" id="PODSizeGuideView">
934  <div class="modal-title">Size guide</div>
935  <div class="ui pointing secondary menu">
936    <% if (product_measure) { %>
937    <a class="item" data-tab="product_measure">Product measurements</a>
938    <% } %>
939    <% if (measure_yourself) { %>
940    <a class="item" data-tab="measure_yourself">Measure yourself</a>
941    <% } %>
942  </div>
943
944  <% if (product_measure) { %>
945    <div class="ui tab" data-tab="product_measure">
946      <div class="tab-content">
947        <div class="description">
948          <%= product_measure.description %>
949        </div>
950        <% if (product_measure.image_url || product_measure.image_description) { %>
951        <div class="image-box">
952          <div class="ui grid stackable">
953            <div class="four wide column">
954              <img src="<%- product_measure.image_url %>" alt="">
955            </div>
956            <div class="eight wide column">
957              <div class="description">
958                <%= product_measure.image_description %>
959              </div>
960            </div>
961          </div>
962        </div>
963        <% } %>
964        <div class="units">
965          <div class="column">
966            <h3>Find your size</h3>
967          </div>
968          <div class="column">
969            <select class="ui dropdown select-unit">
970              <option value="inches" <%= selected(unit, 'inches') %>>Inches</option>
971              <option value="cm" <%= selected(unit, 'cm') %>>Centimeters</option>
972            </select>
973          </div>
974        </div>
975        <div class="sizes-table">
976          <table class="ui very basic table striped unstackable">
977            <thead>
978              <tr>
979                <th>Size Label</th>
980                <% product_measure.measurements.forEach(function(item){ %>
981                  <th><%= item.type_label %></th>
982                <% }) %>
983              </tr>
984            </thead>
985            <tbody>
986              <% product_measure_table.forEach(function(row){ %>
987                <tr>
988                <% row.forEach(function(item) { %>
989                  <td><%= item %></td>
990                <% }) %>
991                </tr>
992              <% }) %>
993            </tbody>
994          </table>
995        </div>
996      </div>
997    </div>
998  <% } %>
999  <% if (measure_yourself) { %>
1000    <div class="ui tab" data-tab="measure_yourself">
1001      <div class="tab-content">
1002        <div class="description">
1003          <%= measure_yourself.description %>
1004        </div>
1005        <% if (measure_yourself.image_url || measure_yourself.image_description) { %>
1006        <div class="image-box">
1007          <div class="ui grid stackable">
1008            <div class="four wide column">
1009              <img src="<%- measure_yourself.image_url %>" alt="">
1010            </div>
1011            <div class="eight wide column">
1012              <div class="description">
1013                <%= measure_yourself.image_description %>
1014              </div>
1015            </div>
1016          </div>
1017        </div>
1018        <% } %>
1019        <div class="units">
1020          <div class="column">
1021            <h3>Find your size</h3>
1022          </div>
1023          <div class="column">
1024            <select class="ui dropdown select-unit">
1025              <option value="inches" <%= selected(unit, 'inches') %>>Inches</option>
1026              <option value="cm" <%= selected(unit, 'cm') %>>Centimeters</option>
1027            </select>
1028          </div>
1029        </div>
1030        <div class="sizes-table">
1031          <table class="ui very basic table striped unstackable">
1032            <thead>
1033              <tr>
1034                <th>Size Label</th>
1035                <% measure_yourself.measurements.forEach(function(item){ %>
1036                  <th><%= item.type_label %></th>
1037                <% }) %>
1038              </tr>
1039            </thead>
1040            <tbody>
1041              <% measure_yourself_table.forEach(function(row){ %>
1042                <tr>
1043                <% row.forEach(function(item) { %>
1044                  <td><%- item %></td>
1045                <% }) %>
1046                </tr>
1047              <% }) %>
1048            </tbody>
1049          </table>
1050        </div>
1051      </div>
1052    </div>
1053  <% } %>
1054</script>
1054</div>
1054<script src="https://assets.sellfy.store/static/gen/packed_store.libs.e6099e70.js"></script>
1054<script src="https://assets.sellfy.store/static/gen/packed_store.68d54223.js"></script>
1054
1055
1056    <style>
1057/* =========================
1058   XUTZA DISCORD BUTTON SHINE
1059   ========================= */
1060
1061a[href*="discord.gg"] {
1062  position: relative !important;
1063  overflow: hidden !important;
1064  isolation: isolate;
1065}
1066
1067/* White shine */
1068a[href*="discord.gg"]::before {
1069  content: "";
1070  position: absolute;
1071  inset: 0;
1072
1073  border-radius: inherit;
1074
1075  pointer-events: none;
1076  z-index: 50;
1077
1078  background: linear-gradient(
1079    105deg,
1080    transparent 40%,
1081    rgba(255,255,255,0.05) 44%,
1082    rgba(255,255,255,0.95) 50%,
1083    rgba(255,255,255,0.05) 56%,
1084    transparent 60%
1085  );
1086
1087  background-size: 250% 100%;
1088  background-position: 150% 0;
1089
1090  opacity: 0;
1091}
1092
1093/* Shine ONLY when hovering */
1094a[href*="discord.gg"]:hover::before {
1095  opacity: 1;
1096
1097  animation:
1098    xutzaDiscordShine 1.1s ease-out forwards;
1099}
1100
1101@keyframes xutzaDiscordShine {
1102  from {
1103    background-position: 150% 0;
1104  }
1105
1106  to {
1107    background-position: -50% 0;
1108  }
1109}
1110
1111/* Slight lift */
1112a[href*="discord.gg"] {
1113  transition:
1114    transform 0.25s ease,
1115    filter 0.25s ease !important;
1116}
1117
1118a[href*="discord.gg"]:hover {
1119  transform: translateY(-4px) !important;
1120  filter: brightness(1.08);
1121}
1122</style>
1123
1124
1125
1126
1127
1128
1129
1130<style>
1131/* =========================================
1132   XUTZA — MODELS + ASSETS PRODUCT HOVER
1133   ========================================= */
1134
1135/* Product cards inside Models + Assets */
1136a[href]:has(+ a[href*="Add to cart"]),
1137a[href]:has(+ * a[href*="Add to cart"]) {
1138    transition:
1139        transform 0.22s ease,
1140        box-shadow 0.22s ease !important;
1141}
1142
1143/* Hover effect */
1144a[href]:has(+ a[href*="Add to cart"]):hover,
1145a[href]:has(+ * a[href*="Add to cart"]):hover {
1146    transform: translateY(-5px) !important;
1147
1148    box-shadow:
1149        0 0 0 1px rgba(255,255,255,0.85),
1150        0 0 14px rgba(255,255,255,0.18) !important;
1151}
1152</style>
1153
1154
1155
1156
1157<style>
1158/* XUTZA — SELLFY PRODUCT FLOW HOVER */
1159
1160.xutza-product-hover {
1161    position: relative !important;
1162    transition:
1163        transform 0.35s cubic-bezier(.2,.75,.2,1),
1164        box-shadow 0.35s ease !important;
1165    will-change: transform, box-shadow;
1166    z-index: 1;
1167}
1168
1169/* Subtle flowing glow around the OUTSIDE */
1170.xutza-product-hover::after {
1171    content: "";
1172    position: absolute;
1173    inset: -3px;
1174    border-radius: inherit;
1175    pointer-events: none;
1176    z-index: -1;
1177
1178    box-shadow:
1179        0 0 0 1px rgba(255,255,255,0.35),
1180        0 0 12px rgba(255,255,255,0.10),
1181        0 0 24px rgba(255,255,255,0.05);
1182
1183    opacity: 0;
1184    transition: opacity 0.35s ease;
1185}
1186
1187/* HOVER */
1188.xutza-product-hover:hover {
1189    transform: translateY(-6px) scale(1.015) !important;
1190
1191    box-shadow:
1192        0 10px 30px rgba(0,0,0,0.18) !important;
1193}
1194
1195/* Glow appears outside the card */
1196.xutza-product-hover:hover::after {
1197    opacity: 1;
1198    animation: xutzaFlow 2.4s ease-in-out infinite;
1199}
1200
1201@keyframes xutzaFlow {
1202    0%, 100% {
1203        transform: scale(1);
1204        opacity: 0.45;
1205    }
1206
1207    50% {
1208        transform: scale(1.025);
1209        opacity: 0.9;
1210    }
1211}
1212
1213/* Find Sellfy products */
1214</style>
1215
1216<script>
1217(function () {
1218
1219    function findProducts() {
1220
1221        const buttons = document.querySelectorAll(
1222            'button, a, input[type="submit"]'
1223        );
1224
1225        buttons.forEach(function (button) {
1226
1227            const text = (button.innerText || button.value || "")
1228                .trim()
1229                .toLowerCase();
1230
1231            if (!text.includes("add to cart")) return;
1232
1233            let card = button;
1234
1235            for (let i = 0; i < 6; i++) {
1236
1237                if (!card.parentElement) break;
1238
1239                card = card.parentElement;
1240
1241                const rect = card.getBoundingClientRect();
1242
1243                if (
1244                    rect.width > 180 &&
1245                    rect.height > 180 &&
1246                    rect.width < window.innerWidth * .9
1247                ) {
1248                    card.classList.add("xutza-product-hover");
1249                    break;
1250                }
1251            }
1252        });
1253    }
1254
1255    findProducts();
1256
1257    const observer = new MutationObserver(findProducts);
1258
1259    observer.observe(document.body, {
1260        childList: true,
1261        subtree: true
1262    });
1263
1264})();
1265</script>
1265
1266
1267
1268
1269
1270
1271<style>
1272.xutza-particle {
1273  position: fixed;
1274  width: 2px;
1275  height: 2px;
1276  border-radius: 50%;
1277  background: #fff;
1278  pointer-events: none;
1279  z-index: 9998;
1280
1281  box-shadow:
1282    0 0 4px rgba(255,255,255,.9),
1283    0 0 9px rgba(255,255,255,.45);
1284
1285  opacity: 0;
1286
1287  animation:
1288    xutzaFloat 10s ease-in-out infinite,
1289    xutzaTwinkle 2.8s ease-in-out infinite;
1290}
1291
1292@keyframes xutzaFloat {
1293  0% {
1294    transform: translate3d(0, 30px, 0);
1295    opacity: 0;
1296  }
1297
1298  20% {
1299    opacity: .45;
1300  }
1301
1302  50% {
1303    transform: translate3d(30px, -50px, 0);
1304    opacity: .7;
1305  }
1306
1307  75% {
1308    transform: translate3d(-15px, -75px, 0);
1309    opacity: .35;
1310  }
1311
1312  100% {
1313    transform: translate3d(10px, -120px, 0);
1314    opacity: 0;
1315  }
1316}
1317
1318@keyframes xutzaTwinkle {
1319  0%, 100% {
1320    scale: .6;
1321    filter: brightness(.7);
1322  }
1323
1324  50% {
1325    scale: 1.5;
1326    filter: brightness(1.8);
1327  }
1328}
1329</style>
1330
1331<script>
1332(() => {
1333  const particleCount = 45;
1334
1335  for (let i = 0; i < particleCount; i++) {
1336    const p = document.createElement("div");
1337    p.className = "xutza-particle";
1338
1339    p.style.left = Math.random() * 100 + "vw";
1340    p.style.top = Math.random() * 100 + "vh";
1341
1342    const size = Math.random() * 2 + 1;
1343    p.style.width = size + "px";
1344    p.style.height = size + "px";
1345
1346    p.style.animationDuration =
1347      (9 + Math.random() * 13) + "s, " +
1348      (2 + Math.random() * 3) + "s";
1349
1350    p.style.animationDelay =
1351      (-Math.random() * 15) + "s, " +
1352      (-Math.random() * 4) + "s";
1353
1354    document.body.appendChild(p);
1355  }
1356})();
1357</script>
1357
1358
1359
1360
1361
1362
1363
1364
1365<style>
1366.xutza-nav-link {
1367  position: relative !important;
1368  display: inline-block !important;
1369  transition:
1370    transform 0.25s ease,
1371    color 0.25s ease,
1372    text-shadow 0.25s ease !important;
1373}
1374
1375.xutza-nav-link:hover {
1376  transform: translateY(-2px) !important;
1377  color: #fff !important;
1378  text-shadow:
1379    0 0 6px rgba(255,255,255,0.45) !important;
1380}
1381
1382.xutza-nav-link::after {
1383  content: "";
1384  position: absolute;
1385  left: 50%;
1386  bottom: -5px;
1387  width: 0;
1388  height: 1px;
1389  background: #fff;
1390  box-shadow:
1391    0 0 4px rgba(255,255,255,0.8),
1392    0 0 8px rgba(255,255,255,0.35);
1393  transform: translateX(-50%);
1394  transition: width 0.3s ease;
1395  pointer-events: none;
1396}
1397
1398.xutza-nav-link:hover::after {
1399  width: 100%;
1400}
1401</style>
1402
1403<script>
1404(() => {
1405  function findNavLinks() {
1406
1407    document.querySelectorAll('a[href]').forEach(link => {
1408
1409      const url = link.getAttribute('href') || '';
1410
1411      if (
1412        url.includes('/models/') ||
1413        url.includes('/assets/') ||
1414        url.includes('xutza.carrd.co') ||
1415        url.includes('/terms-of-service/')
1416      ) {
1417        link.classList.add('xutza-nav-link');
1418      }
1419
1420    });
1421
1422  }
1423
1424  findNavLinks();
1425
1426  new MutationObserver(findNavLinks).observe(document.body, {
1427    childList: true,
1428    subtree: true
1429  });
1430
1431})();
1432</script>
1432
1433
1434
1435
1436
1437<style>
1438/* ===== FULL PREMIUM XUTZA HEADER ===== */
1439
1440.navigation.sticky-store-nav {
1441    position: relative !important;
1442
1443    margin: 12px auto !important;
1444
1445    width: calc(100% - 32px) !important;
1446    max-width: 1500px !important;
1447
1448    border-radius: 20px !important;
1449
1450    background:
1451        linear-gradient(
1452            135deg,
1453            rgba(255,255,255,0.075) 0%,
1454            rgba(255,255,255,0.025) 45%,
1455            rgba(0,0,0,0.25) 100%
1456        ),
1457        rgba(10,10,10,0.88) !important;
1458
1459    border: 1px solid rgba(255,255,255,0.13) !important;
1460
1461    box-shadow:
1462        0 1px 0 rgba(255,255,255,0.08) inset,
1463        0 -1px 0 rgba(0,0,0,0.45) inset,
1464        0 14px 40px rgba(0,0,0,0.35),
1465        0 0 30px rgba(255,255,255,0.025) !important;
1466
1467    backdrop-filter: blur(18px) saturate(120%) !important;
1468    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
1469
1470    overflow: visible !important;
1471}
1472
1473/* Keep Sellfy's inner layout clean */
1474.navigation.sticky-store-nav .container {
1475    border-radius: 20px !important;
1476    background: transparent !important;
1477}
1478
1479/* Content inside the big box */
1480.navigation.sticky-store-nav .content-wrapper {
1481    border-radius: 20px !important;
1482}
1483
1484/* Remove the old separate box around the links */
1485.navigation.sticky-store-nav .navmenu.navigation-overflow {
1486    background: transparent !important;
1487    border: none !important;
1488    box-shadow: none !important;
1489    backdrop-filter: none !important;
1490    -webkit-backdrop-filter: none !important;
1491
1492    gap: 18px !important;
1493    padding: 13px 24px !important;
1494
1495    border-radius: 0 !important;
1496}
1497
1498/* Navigation items */
1499.navigation.sticky-store-nav
1500.navmenu.navigation-overflow
1501.store-nav-item {
1502    padding: 2px 8px !important;
1503    flex: 0 0 auto !important;
1504}
1505
1506/* Keep everything above the background */
1507.navigation.sticky-store-nav .logo-container,
1508.navigation.sticky-store-nav .navmenu,
1509.navigation.sticky-store-nav .actions {
1510    position: relative !important;
1511    z-index: 5 !important;
1512}
1513
1514/* ===== NAV LINK HOVER ===== */
1515
1516.xutza-nav-link {
1517    position: relative !important;
1518    display: inline-block !important;
1519
1520    transition:
1521        transform .25s ease,
1522        color .25s ease,
1523        text-shadow .25s ease !important;
1524}
1525
1526.xutza-nav-link:hover {
1527    transform: translateY(-2px) !important;
1528    color: #fff !important;
1529
1530    text-shadow:
1531        0 0 6px rgba(255,255,255,0.45) !important;
1532}
1533
1534/* Glowing underline */
1535.xutza-nav-link::after {
1536    content: "";
1537
1538    position: absolute;
1539    left: 50%;
1540    bottom: -5px;
1541
1542    width: 0;
1543    height: 1px;
1544
1545    background: #fff;
1546
1547    box-shadow:
1548        0 0 4px rgba(255,255,255,0.8),
1549        0 0 8px rgba(255,255,255,0.35);
1550
1551    transform: translateX(-50%);
1552
1553    transition: width .3s ease;
1554
1555    pointer-events: none;
1556}
1557
1558.xutza-nav-link:hover::after {
1559    width: 100%;
1560}
1561
1562/* ===== FIND NAV LINKS ===== */
1563
1564.navigation.sticky-store-nav
1565.navmenu.navigation-overflow
1566a {
1567    transition:
1568        transform .25s ease,
1569        color .25s ease,
1570        text-shadow .25s ease,
1571        opacity .25s ease !important;
1572}
1573</style>
1574
1575<script>
1576(() => {
1577
1578    function findNavLinks() {
1579
1580        document.querySelectorAll('a[href]').forEach(link => {
1581
1582            const url = link.getAttribute('href') || '';
1583
1584            if (
1585                url.includes('/models/') ||
1586                url.includes('/assets/') ||
1587                url.includes('xutza.carrd.co') ||
1588                url.includes('/terms-of-service/')
1589            ) {
1590                link.classList.add('xutza-nav-link');
1591            }
1592
1593        });
1594
1595    }
1596
1597    findNavLinks();
1598
1599    new MutationObserver(findNavLinks).observe(document.body, {
1600        childList: true,
1601        subtree: true
1602    });
1603
1604})();
1605</script>
1605
1606
1607
1608
1609
1610
1611
1612
1613<style>
1614.products.module h2 {
1615    text-shadow:
1616        0 0 5px rgba(255,255,255,0.25),
1617        0 0 12px rgba(255,255,255,0.12),
1618        0 0 20px rgba(255,255,255,0.05) !important;
1619}
1620</style>
1621
1622
1623
1624
1625
1626<style>
1627/* Fix sticky Xutza header overlap on product pages */
1628
1629.navigation.sticky-store-nav {
1630    top: 12px !important;
1631    z-index: 999 !important;
1632}
1633
1634/* Give the page content room below the floating header */
1635body {
1636    padding-top: 25px !important;
1637}
1638
1639/* Product page content */
1640.product.module {
1641    position: relative !important;
1642    z-index: 1 !important;
1643}
1644</style></body>
1645</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.