PageSourceSearch

https://www.xutza.com/u/signin/

html xutza.com collected 2026-10-04 08:03:13 UTC 51,223 bytes, 1,562 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/u/signin/"><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      </head>
169  <body class="customer-account">
170    <div itemscope itemtype="https://schema.org/WebSite">
171      <meta itemprop="url" content="https://www.xutza.com/">
172      <meta itemprop="name" content="Xutza&#39;s Street">
173    </div><div
174        class="slfy-store
175        p-dm-sans
176        h-playfair-display
177        b-16
178        width-1200
179        
180        system
181        "
182        style="background-color:rgba(17, 17, 17, 1);background-image:url();background-position:center center;background-size:cover;"
183      >
184        <div class="user-panel"></div>
185          <div class="warning-container"></div>
186              <style>
187  .navigation.module{
188    --cart-background: rgba(11, 11, 11, 0.9);
189  }
190  .navigation.module .actions {
191      /* background: rgba(11, 11, 11, 0.9); */
192      color: rgba(149, 149, 149, 1);
193  }
194  .ui.popup.checkout.shopping-cart-content .ui.segment .header h6.ui.header,
195  .ui.popup.checkout.shopping-cart-content .ui.segment h3.ui.header,
196  .ui.popup.sign-in-content .ui.segment.content .basic.header h6.ui.header {
197      font-family: DM Sans, 'Nunito Sans', -apple-system, system-ui, sans-serif;
198  }
199  .navmenu .item > .menu{
200      background: rgba(11, 11, 11, 0.9);
201      --menu-bg: rgba(11, 11, 11, 0.9);
202  }
203  .navmenu:not(.dropdown) .item.more-items{
204    display: none !important;
205  }
206  .navmenu .more-items > .menu > .item > a > .icon{
207    transform: rotate(-90deg);
208  }
209  .navmenu .more-items > .more > .icon {
210    font-size: 0.875rem;
211  }
212  .navmenu .more-items > .menu > .item > .menu > .item a{
213    display: flex;
214    justify-content: space-between;
215  }
216  .divider{
217    height: 100%;
218    width: 1px;
219    background: rgba(149, 149, 149, 1);
220  }
221  .open-mobile-menu{
222    margin: -1em;
223    padding: 1em;
224  }
225</style>
226<div
227  class="navigation module
228  xlarge
229  sticky-store-nav sticky
230  
231  unconstrained
232  "
233style="
234  color: rgba(149, 149, 149, 1);
235  background-color: rgba(11, 11, 11, 0.9);
236  box-shadow: 0 0 0 0px rgba(0, 0, 0, 1);
237  background-image: url();
238  background-position: center center;
239  background-size: cover;
240  --backdrop-filter: blur(80.0px);
241  --height: 150.0px;
242--padding: 12.0px 400.0px 12.0px 400.0px;
243--max-width: 90.0%;"
244>
245  
246    <div class="overlay"></div>
247  
248  <div class="container">
249    <div class="content-wrapper" >
250      <div class="logo-container"><a class="store-logo" href="https://www.xutza.com/" data-disabled="false">
251            <img
252              src="https://media.sellfy.store/images/s4PBPGfD/PqjC/logo_white_transparent.png"
253              class="logo-image"
254              alt="Xutza&#39;s Street"
255              style="
256                --border-radius: 0.0px;
257                --aspect-ratio: auto;
258              ">
259          </a></div>
260      <div class="navmenu menu center navigation-overflow overflow"><div class="item store-nav-item ">
261          <a href="https://www.xutza.com/models/"
262             target="_self"
263             rel="noopener">
264            | Models | </a></div><div class="item store-nav-item ">
265          <a href="https://www.xutza.com/assets/"
266             target="_self"
267             rel="noopener">
268            |  Assets | </a></div><div class="item store-nav-item ">
269          <a href="https://xutza.carrd.co/"
270             target="_self"
271             rel="noopener">
272            | Links | </a></div><div class="item store-nav-item ">
273          <a href="https://www.xutza.com/terms-of-service/"
274             target="_self"
275             rel="noopener">
276            | Terms of Service |</a></div><div class="item more-items">
277          <span class="more">More<i class="icon dripicons-chevron-down"></i>
278          </span>
279          <div class="menu" tabindex="-1"></div>
280        </div>
281      </div>
282      <div class="actions">
283        
284          <form class="item search store-search" action="/search/">
285            <input type="search" name="search" value="" placeholder="Search..." autocomplete="off" style="color:rgba(149, 149, 149, 1);border-color:rgba(149, 149, 149, 1);">
286            <svg
287              xmlns="http://www.w3.org/2000/svg"
288              width="18"
289              height="18"
290              viewBox="0 0 24 24"
291              fill="none"
292              stroke="currentColor"
293              stroke-width="2"
294              stroke-linecap="round"
295              stroke-linejoin="round"
296              class="icon"
297            >
298              <circle cx="11" cy="11" r="8"></circle>
299              <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
300            </svg>
301          </form>
302        
303        <div class="item cart shopping-cart-widget cart-items"
304          data-href="/cart/67e0114d76cd31b80e4ecece/"
305          data-base-template='#shoppingCartWidgetView'>
306          <div class="ui bottom right popup checkout shopping-cart-content"></div>
307          <a class="shopping-cart-button" href="https://www.xutza.com/checkout/" aria-label="Shopping cart widget">
308            <svg
309              xmlns="http://www.w3.org/2000/svg"
310              width="18"
311              height="18"
312              viewBox="0 0 24 24"
313              fill="none"
314              stroke="currentColor"
315              stroke-width="2"
316              stroke-linecap="round"
317              stroke-linejoin="round"
318            >
319              <path
320                d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z"
321              ></path>
322              <line x1="3" y1="6" x2="21" y2="6"></line>
323              <path d="M16 10a4 4 0 0 1-8 0"></path>
324            </svg>
325            <div class="cart-indicator item-count"></div>
326          </a>
327        </div><div class="divider"></div>
328        <div class="item mobile-menu">
329          <div class="icon-container open-mobile-menu">
330            <svg
331              xmlns="http://www.w3.org/2000/svg"
332              width="18"
333              height="18"
334              viewBox="0 0 24 24"
335              fill="none"
336              stroke="currentColor"
337              stroke-width="2"
338              stroke-linecap="round"
339              stroke-linejoin="round"
340              class="icon"
341            >
342              <line x1="3" y1="12" x2="21" y2="12"></line>
343              <line x1="3" y1="6" x2="21" y2="6"></line>
344              <line x1="3" y1="18" x2="21" y2="18"></line>
345            </svg>
346          </div>
347          <div class="menu-container">
348            <div class="close spacer"></div>
349            <div class="menu-panel" style="color:rgba(149, 149, 149, 1);--background-color:rgba(11, 11, 11, 0.9);">
350              <div class="header">
351                <div class="left panel">
352                  <div class="back-action">
353                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
354                      <path d="M9 5.25L2.25 12L9 18.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
355                      <path d="M3 12L22 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
356                      </svg>
357                  </div>
358                </div>
359                <div class="right panel"><div class="language-switcher store-language">
360                      <select class="auto-width" aria-label="Select language"><option value="en" selected=&#34;selected&#34;>
361                          English
362                        </option><option value="es" >
363                          Español
364                        </option><option value="pt" >
365                          Português
366                        </option><option value="fr" >
367                          Français
368                        </option><option value="de" >
369                          Deutsch
370                        </option><option value="it" >
371                          Italiano
372                        </option><option value="ru" >
373                          Русский
374                        </option></select>
375                      <div class="icon-container">
376                        <svg
377                          xmlns="http://www.w3.org/2000/svg"
378
379
380                          viewBox="0 0 24 24"
381                          fill="none"
382                          stroke="currentColor"
383                          stroke-width="2"
384                          stroke-linecap="round"
385                          stroke-linejoin="round"
386                          class="icon"
387                        >
388                          <polyline points="6 9 12 15 18 9"></polyline>
389                        </svg>
390                      </div>
391                    </div><div class="action close">
392                    <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>
393                  </div>
394                </div>
395              </div>
396              <div class="item-wrapper">
397                <div class="item-grid">
398                  <div class="column first">
399                    <div class="items"><a
400                        class="item "
401                        data-id="c912a809-8c70-4a9b-a1ae-2d90739fb705"
402                        href="https://www.xutza.com/models/"
403                        target="_self"
404                        rel="noopener"
405                      >
406                        | Models | </a><a
407                        class="item "
408                        data-id="bb9ca44b-1af1-41ba-91dc-bfb613e8c784"
409                        href="https://www.xutza.com/assets/"
410                        target="_self"
411                        rel="noopener"
412                      >
413                        |  Assets | </a><a
414                        class="item "
415                        data-id="81f6c518-4925-4918-a6d6-28243935d9ae"
416                        href="https://xutza.carrd.co/"
417                        target="_self"
418                        rel="noopener"
419                      >
420                        | Links | </a><a
421                        class="item "
422                        data-id="d650a82a-18dc-4798-ae7c-231ca23316ec"
423                        href="https://www.xutza.com/terms-of-service/"
424                        target="_self"
425                        rel="noopener"
426                      >
427                        | Terms of Service |</a></div>
428                  </div>
429                  <div class="column second"></div>
430                  <div class="column third"></div>
431                </div>
432              </div>
433              
434              <div class="account-menu">
435                <div class="items">
436                  
437                  <a href="https://www.xutza.com/u/signin/" class="item">Sign in</a>
438                  
439                </div>
440              </div>
441              
442            </div>
443          </div>
444        </div>
445        
446      </div>
447    </div>
448  </div>
449</div>
450            <div
451  class="customer-account module segmented"
452  style="
453    --checkout-text-color: rgba(255, 255, 255, 1);
454    --title-color: rgba(255, 255, 255, 1);
455    --card-background: rgba(0, 0, 0, 1);
456    --input-border-color: rgba(255,255,255,0.4);
457    --section-heading-color: rgba(255, 255, 255, 1);
458    --checkout-accent: rgba(255, 255, 255, 1);
459    --checkout-focus: rgba(255, 255, 255, 1);
460    --checkout-background: rgba(17, 17, 17, 1);
461    --top-safe-area: calc(120px + 2.5rem);
462  ">
463  <div id="slfy_account" class="container">
464    <div className="slfy-account preload">
465      <div className="spinner large"></div>
466    </div>
467  </div>
468</div>
469<style>
470  .customer-account.module .slfy-account {
471    padding-block: 5rem 10rem;
472  }
473</style>
474<script async defer src="https://assets.sellfy.store/static/gen/packed_store_account.d878fe25.js"></script>
474
475              <div
476  class="footer module small "
477  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;
478--padding: 60.0px 20.0px 60.0px 20.0px;
479--max-width: 100.0%;">
480  
481  <div class="overlay"></div>
482  
483  <div class="container">
484    <div class="footer-items">
485      <div class="left">
486        <div class="menu"><a class="item store-nav-item"
487               href="https://www.xutza.com/terms-of-service/"
488               target="_self"
489               rel="noopener"
490              >
491              Terms of Service
492            </a></div></div>
493      <div class="spacer"></div>
494      <div class="right"><div class="basic-select language-switcher store-language">
495            <select aria-label="Select language"><option value="en" selected>
496                English
497              </option><option value="es" >
498                Español
499              </option><option value="pt" >
500                Português
501              </option><option value="fr" >
502                Français
503              </option><option value="de" >
504                Deutsch
505              </option><option value="it" >
506                Italiano
507              </option><option value="ru" >
508                Русский
509              </option></select>
510            <div class="icon-container">
511              <svg
512                xmlns="http://www.w3.org/2000/svg"
513
514
515                viewBox="0 0 24 24"
516                fill="none"
517                stroke="currentColor"
518                stroke-width="2"
519                stroke-linecap="round"
520                stroke-linejoin="round"
521                class="icon"
522              >
523                <polyline points="6 9 12 15 18 9"></polyline>
524              </svg>
525            </div>
526          </div></div>
527    </div>
528  </div></div>
529            </div><div>
529<script class="template" type="text/template" id="shoppingCartItemsView">
530  <div class="items scrollable product-listing">
531    <% _.each(model.items, function(item){ %>
532      <% const outOfStock = !item.stock.unlimited && item.quantity > item.stock.quantity %>
533      <div class="ui product item <% if(outOfStock) { %> out-of-stock<% } %>">
534        <div class="details column">
535          <a class="preview-description" href="<%- item.product.url %>">
536            <h3 class="product-title">
537              <%- item.product.name %>
538            </h3>
539            <div class="variant-info">
540              <% if(item.product.variants.length > 1) { %>
541                <% if(item.filled_forms && !item.filled_forms.length) { %>
542                  <div class="info-line"><%- item.product.selected_variant %></div>
543                <% } else { %>
544                  <div class="info-line">Variant: <%- item.product.selected_variant %></div>
545                <% } %>
546              <% } %>
547              <% if(item.filled_forms && item.filled_forms.length) { %>
548                <% item.filled_forms.map((form) => { %>
549                  <% form.fields.map((field) => { %>
550                    <% if(field.value) { %>
551                      <div class="info-line" title="<%- field.value %>">
552                        <%- field.label %>: <%- formatDisplayField(field.value, field._cls) %>
553                      </div>
554                    <% } %>
555                  <% }); %>
556                <% }); %>
557              <% } %>
558              <div class="info-line oos-message">Only <%- item.stock.quantity %>  items left in stock.</div>
559            </div>
560          </a>
561        </div>
562        <div class="price column">
563          <div class="product-price">
564            <% if(item.discount && item.discount.amount) { %>
565              <span class="old-price"><%= item.original_price.label %></span>
566            <% } %>
567            <div class="price">
568              <% if(item.quantity > 1) { %>
569                <span class="locked-quantity"><%- item.quantity %> ×</span>
570              <% } %>
571              <%= item.adjusted_price.label %>
572            </div>
573          </div>
574          <div class="remove-item" data-id="<%- item.id %>">Remove</div>
575        </div>
576      </div>
577    <% }) %>
578  </div>
579  <div class="no-items">
580    <p>
581      Your shopping cart is empty.
582    </p>
583    <p class="continue-column">
584      <a class="ui tiny basic button" href="<%- storeUrl %>"> <i class="icon dripicons-chevron-left"></i>Continue shopping</a>
585    </p>
586  </div>
587</script>
587
588
589<script class="template" type="text/template" id="shoppingCartTotalsView">
590  <div class="ui middle aligned stackable grid totals-row">
591
592    <% if(model.is_coupon_available){ %>
593      <div class="row coupon-code">
594        <div class="six wide mobile six wide tablet seven wide computer column text-column">
595          Have a coupon code?
596        </div>
597        <div class="six wide mobile six wide tablet five wide computer column input-column">
598          <form class="cart-form">
599            <div class="discount-code-wrap">
600              <div class="ui fluid action tiny input discount-code">
601                <input type="text" name="discount_code" placeholder="Coupon code">
602                <button class="ui basic button apply-discount-code">Apply</button>
603              </div>
604            </div>
605          </form>
606        </div>
607      </div>
608    <% } %>
609    <div class="row summary">
610      <div class="six wide mobile six wide tablet four wide computer column continue-column"></div>
611      <div class="six wide mobile six wide tablet eight wide computer column content-column">
612        <div class="ui grid">
613          <div class="six wide mobile four wide tablet six wide computer right aligned column">
614            <div class="subtotal-text">Subtotal:</div>
615            <% if(model.discount.amount) { %>
616              <div class="discount-text">Discount:</div>
617            <% } %>
618            <% if(model.is_shipping_required) { %>
619            <div class="shipping-text">Shipping:</div>
620            <% } %>
621            <% if(model.handling_fee.amount) { %>
622              <div class="handle-fee-text">Handling fee:</div>
623            <% } %>
624            <% if(model.setup_fee.amount) { %>
625            <div class="handle-fee-text">Setup fee:</div>
626          <% } %>
627          <% if(model.tax.amount) { %>
628              <div class="tax-text">Tax (<%= model.tax.percents %>%):</div>
629            <% } %>
630            </div>
631          <div class="six wide mobile eight wide tablet six wide computer right aligned column">
632            <div class="subtotal"><%= model.sub_total.label %></div>
633            <% if(model.discount.amount) { %>
634              <div class="discount"><%= model.discount.label %></div>
635            <% } %>
636            <% if(model.is_shipping_required) { %>
637              <div class="shipping"><%= model.shipping.label %></div>
638            <% } %>
639            <% if(model.handling_fee.amount) { %>
640              <div class="handle-fee"><%= model.handling_fee.label %></div>
641          <% } %>
642          <% if(model.setup_fee.amount) { %>
643            <div class="setup-fee"><%= model.setup_fee.label %></div>
644            <% } %>
645            <% if(model.tax.amount) { %>
646              <div class="tax"><%= model.tax.label %></div>
647            <% } %>
648          </div>
649        </div>
650      </div>
651    </div>
652    <div class="row total">
653      <div class="six wide mobile six wide tablet four wide computer column continue-column"></div>
654      <div class="six wide mobile six wide tablet eight wide computer column content-column">
655        <div class="ui grid">
656          <% if(model.setup_fee.amount) { %>
657            <div class="row">
658              <div class="six wide mobile four wide tablet six wide computer right aligned column">
659                <div class="title total-text">Total:</div>
660              </div>
661              <div class="six wide mobile eight wide tablet six wide computer right aligned column total-amount" id="total_amount">
662                <div class="title total">
663                  <%= model.total.label %>
664                  <% if (model.interval_short) { %>
665                  <div class="subtitle">
666                    <%= model.total_wo_setup_fee %> billed <%= model.interval %>ly
667                  </div>
668                  <% } %>
669                </div>
670              </div>
671            </div>
672          <% } else { %>
673          <div class="row">
674            <div class="six wide mobile four wide tablet six wide computer right aligned column">
675              <div class="title total-text">Total:</div>
676            </div>
677            <div class="six wide mobile eight wide tablet six wide computer right aligned column total-amount" id="total_amount">
678              <div class="title total">
679                <%= model.total.label %><% if (model.interval_short) { %>/<%= model.interval_short %><% } %>
680              </div>
681            </div>
682          </div>
683          <% } %>
684        </div>
685      </div>
686    </div>
687    <% if (model.interval) { %>
688    <div class="row right aligned">
689      <div class="twelve wide column">
690        <p class="subscription-notice">
691          Note: Your subscription is automatically renewed unless cancelled during the subscription period.
692        </p>
693      </div>
694    </div>
695    <% } %>
696  </div>
697</script>
697
698
699<script class="template" type="text/template" id="shoppingCartSubTotalsView">
700  <div class="totals-layout">
701    <div class="left-column">
702      <h3 class="ui paragraph header"><span class="subtotal"><%= model.total.label %></span></h3>
703    </div>
704    <div class="right-column">
705      <a class="cart-link" href="<%= checkoutUrl %>cart">
706        View cart
707      </a>
708      <a class="fr_primary_button centered checkout-button" href="<%= checkoutUrl %>">
709        Checkout
710      </a>
711    </div>
712  </div>
713</script>
713
714
715<script class="template" type="text/template" id="shoppingCartWidgetView">
716  <div class="ui segment content">
717    <div class="header">
718      <h4 class="ui header">Shopping cart</h4>
719    </div>
720    <%= items %>
721    <div class="order-totals">
722      <%= subtotals %>
723    </div>
724  </div>
725</script>
725
726
727<script class="template" type="text/template" id="upsellApproveText">Adding...</script>
727
728
729<script class="template" type="text/template" id="userPanel">
730  <div class="panel-content">
731    <div class="panel-info-block">
732      <% if(window.GLOBALS.STORE_IN_MAINTENANCE) { %>Your store is in maintenance mode<% } else { %>This is your store<% } %>
733      <span> (customers won't see this banner)</span>
734    </div>
735    <div class="panel-action-block">
736      <div class="ui large circular black labels">
737        <% if(window.GLOBALS.STORE_IN_MAINTENANCE) { %>
738          <a class="ui label customize" href="<%- window.GLOBALS.ADMIN_URL %>settings/general#storeMaintenance">
739            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor">
740              <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"/>
741            </svg>Stop maintenance</a>
742        <% } %>
743        <% if(product_id) { %>
744          <a class="ui label customize" href="<%- window.GLOBALS.ADMIN_URL %>products/<%- product_type %>/<%- product_id %>">
745            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
746              <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"/>
747            </svg>Edit product</a>
748        <% } %>
749        <% if(window.GLOBALS.STORE_CUSTOMIZE_ALLOWED) { %>
750          <a class="ui label customize" href="<%- window.GLOBALS.ADMIN_URL %>store/edit/">
751            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
752              <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"/>
753            </svg>Customize</a>
754        <% } %>
755        <a class="ui label" href="<%- window.GLOBALS.ADMIN_URL %>dashboard">
756          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
757            <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"/>
758          </svg>Dashboard</a>
759      </div>
760    </div>
761  </div>
762</script>
762
763
764<script class="template" type="text/template" id="paypalWarning">
765  <div class="warning-content">
766    <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>
767    </div>
768    <div class="warning-action-block">
769      <span class="ui label circular close-icon">
770        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor">
771          <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"/>
772        </svg>
773      </span>
774    </div>
775  </div>
776</script>
776
777
778<script class="template" type="text/template" id="upsellModal">
779  <form class="ui modal upsell-modal">
780    <i class="icon close"></i>
781    <div class="header">
782      <%- upsell.message %>
783    </div>
784    <div class="content">
785
786      <div class="product-card">
787        <div class="image-container">
788          <%= item.product.image.html %>
789        </div>
790          <h4 class="ui header name"><%- item.product.name %></h4>
791        <% if (item.discount.amount) { %>
792          <div class="price-old"><%= item.original_price.label %></div>
793        <% } %>
794        <% if (item.is_free) { %>
795          <h3 class="ui header price">FREE</h3>
796        <% } else { %>
797          <h3 class="ui header price"><%= item.adjusted_price.label %></h3>
798        <% } %>
799      </div>
800
801      <% if (item.product.variants && item.product.variants.length > 1) { %>
802        <div class="ui form product-variant">
803          <div class="field">
804            <label for="product_variant">Select variant:</label>
805            <select id="product_variant" name="variant">
806              <option selected disabled>
807                Please select...
808              </option>
809              <% item.product.variants.forEach(variant => { %>
810              <option value="<%- variant.id %>"
811                      data-price="<%- variant.upsell_original_price.label %>"
812                      data-total="<%- variant.upsell_adjusted_price.label %>"
813                      data-image-html="<%- variant.image.html %>"
814                      data-image-url="<%- variant.image.html %>"
815                      data-outofstock="<%- variant.out_of_stock %>"
816              >
817                <%- variant.name %>
818              </option>
819              <% }); %>
820            </select>
821          </div>
822        </div>
823      <% } %>
824    </div>
825    <div class="actions">
826      <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' : '' %>">
827        <% if(item.product.variants && item.product.variants[0].out_of_stock) { %>
828          Out of stock
829        <% } else { %>
830          Add to cart
831        <% } %>
832      </a>
833      <div class="cancel-action close">
834        <span>No thanks</span>
835      </div>
836    </div>
837    <input type="hidden" name="product" value="<%- item.product.key %>">
838    <input type="hidden" name="discount_id" value="<%- upsell.id %>">
839  </form>
840</script>
840
841
842<script class="template" type="text/template" id="failedToSendMessageError">Failed sending message!</script>
vendor: 1 bytes, line 842
842
843<script class="template" type="text/template" id="defaultErrorHeader">Something went wrong.</script>
vendor: 1 bytes, line 843
843
844<script class="template" type="text/template" id="defaultErrorBody">Something went wrong. Please reload page and try again</script>
vendor: 1 bytes, line 844
844
845<script class="template" type="text/template" id="addToCart">Add to cart</script>
vendor: 1 bytes, line 845
845
846<script class="template" type="text/template" id="outOfStock">Out of stock</script>
vendor: 1 bytes, line 846
846
847<script class="template" type="text/template" id="itemAdded">Item added!</script>
vendor: 1 bytes, line 847
847
848<script class="template" type="text/template" id="lowStock">Only {0} items left in stock.</script>
848
849
850<script class="template" type="text/template" id="PODSizeGuideView">
851  <div class="modal-title">Size guide</div>
852  <div class="ui pointing secondary menu">
853    <% if (product_measure) { %>
854    <a class="item" data-tab="product_measure">Product measurements</a>
855    <% } %>
856    <% if (measure_yourself) { %>
857    <a class="item" data-tab="measure_yourself">Measure yourself</a>
858    <% } %>
859  </div>
860
861  <% if (product_measure) { %>
862    <div class="ui tab" data-tab="product_measure">
863      <div class="tab-content">
864        <div class="description">
865          <%= product_measure.description %>
866        </div>
867        <% if (product_measure.image_url || product_measure.image_description) { %>
868        <div class="image-box">
869          <div class="ui grid stackable">
870            <div class="four wide column">
871              <img src="<%- product_measure.image_url %>" alt="">
872            </div>
873            <div class="eight wide column">
874              <div class="description">
875                <%= product_measure.image_description %>
876              </div>
877            </div>
878          </div>
879        </div>
880        <% } %>
881        <div class="units">
882          <div class="column">
883            <h3>Find your size</h3>
884          </div>
885          <div class="column">
886            <select class="ui dropdown select-unit">
887              <option value="inches" <%= selected(unit, 'inches') %>>Inches</option>
888              <option value="cm" <%= selected(unit, 'cm') %>>Centimeters</option>
889            </select>
890          </div>
891        </div>
892        <div class="sizes-table">
893          <table class="ui very basic table striped unstackable">
894            <thead>
895              <tr>
896                <th>Size Label</th>
897                <% product_measure.measurements.forEach(function(item){ %>
898                  <th><%= item.type_label %></th>
899                <% }) %>
900              </tr>
901            </thead>
902            <tbody>
903              <% product_measure_table.forEach(function(row){ %>
904                <tr>
905                <% row.forEach(function(item) { %>
906                  <td><%= item %></td>
907                <% }) %>
908                </tr>
909              <% }) %>
910            </tbody>
911          </table>
912        </div>
913      </div>
914    </div>
915  <% } %>
916  <% if (measure_yourself) { %>
917    <div class="ui tab" data-tab="measure_yourself">
918      <div class="tab-content">
919        <div class="description">
920          <%= measure_yourself.description %>
921        </div>
922        <% if (measure_yourself.image_url || measure_yourself.image_description) { %>
923        <div class="image-box">
924          <div class="ui grid stackable">
925            <div class="four wide column">
926              <img src="<%- measure_yourself.image_url %>" alt="">
927            </div>
928            <div class="eight wide column">
929              <div class="description">
930                <%= measure_yourself.image_description %>
931              </div>
932            </div>
933          </div>
934        </div>
935        <% } %>
936        <div class="units">
937          <div class="column">
938            <h3>Find your size</h3>
939          </div>
940          <div class="column">
941            <select class="ui dropdown select-unit">
942              <option value="inches" <%= selected(unit, 'inches') %>>Inches</option>
943              <option value="cm" <%= selected(unit, 'cm') %>>Centimeters</option>
944            </select>
945          </div>
946        </div>
947        <div class="sizes-table">
948          <table class="ui very basic table striped unstackable">
949            <thead>
950              <tr>
951                <th>Size Label</th>
952                <% measure_yourself.measurements.forEach(function(item){ %>
953                  <th><%= item.type_label %></th>
954                <% }) %>
955              </tr>
956            </thead>
957            <tbody>
958              <% measure_yourself_table.forEach(function(row){ %>
959                <tr>
960                <% row.forEach(function(item) { %>
961                  <td><%- item %></td>
962                <% }) %>
963                </tr>
964              <% }) %>
965            </tbody>
966          </table>
967        </div>
968      </div>
969    </div>
970  <% } %>
971</script>
971</div>
971<script src="https://assets.sellfy.store/static/gen/packed_store.libs.e6099e70.js"></script>
971<script src="https://assets.sellfy.store/static/gen/packed_store.68d54223.js"></script>
971
972
973    <style>
974/* =========================
975   XUTZA DISCORD BUTTON SHINE
976   ========================= */
977
978a[href*="discord.gg"] {
979  position: relative !important;
980  overflow: hidden !important;
981  isolation: isolate;
982}
983
984/* White shine */
985a[href*="discord.gg"]::before {
986  content: "";
987  position: absolute;
988  inset: 0;
989
990  border-radius: inherit;
991
992  pointer-events: none;
993  z-index: 50;
994
995  background: linear-gradient(
996    105deg,
997    transparent 40%,
998    rgba(255,255,255,0.05) 44%,
999    rgba(255,255,255,0.95) 50%,
1000    rgba(255,255,255,0.05) 56%,
1001    transparent 60%
1002  );
1003
1004  background-size: 250% 100%;
1005  background-position: 150% 0;
1006
1007  opacity: 0;
1008}
1009
1010/* Shine ONLY when hovering */
1011a[href*="discord.gg"]:hover::before {
1012  opacity: 1;
1013
1014  animation:
1015    xutzaDiscordShine 1.1s ease-out forwards;
1016}
1017
1018@keyframes xutzaDiscordShine {
1019  from {
1020    background-position: 150% 0;
1021  }
1022
1023  to {
1024    background-position: -50% 0;
1025  }
1026}
1027
1028/* Slight lift */
1029a[href*="discord.gg"] {
1030  transition:
1031    transform 0.25s ease,
1032    filter 0.25s ease !important;
1033}
1034
1035a[href*="discord.gg"]:hover {
1036  transform: translateY(-4px) !important;
1037  filter: brightness(1.08);
1038}
1039</style>
1040
1041
1042
1043
1044
1045
1046
1047<style>
1048/* =========================================
1049   XUTZA — MODELS + ASSETS PRODUCT HOVER
1050   ========================================= */
1051
1052/* Product cards inside Models + Assets */
1053a[href]:has(+ a[href*="Add to cart"]),
1054a[href]:has(+ * a[href*="Add to cart"]) {
1055    transition:
1056        transform 0.22s ease,
1057        box-shadow 0.22s ease !important;
1058}
1059
1060/* Hover effect */
1061a[href]:has(+ a[href*="Add to cart"]):hover,
1062a[href]:has(+ * a[href*="Add to cart"]):hover {
1063    transform: translateY(-5px) !important;
1064
1065    box-shadow:
1066        0 0 0 1px rgba(255,255,255,0.85),
1067        0 0 14px rgba(255,255,255,0.18) !important;
1068}
1069</style>
1070
1071
1072
1073
1074<style>
1075/* XUTZA — SELLFY PRODUCT FLOW HOVER */
1076
1077.xutza-product-hover {
1078    position: relative !important;
1079    transition:
1080        transform 0.35s cubic-bezier(.2,.75,.2,1),
1081        box-shadow 0.35s ease !important;
1082    will-change: transform, box-shadow;
1083    z-index: 1;
1084}
1085
1086/* Subtle flowing glow around the OUTSIDE */
1087.xutza-product-hover::after {
1088    content: "";
1089    position: absolute;
1090    inset: -3px;
1091    border-radius: inherit;
1092    pointer-events: none;
1093    z-index: -1;
1094
1095    box-shadow:
1096        0 0 0 1px rgba(255,255,255,0.35),
1097        0 0 12px rgba(255,255,255,0.10),
1098        0 0 24px rgba(255,255,255,0.05);
1099
1100    opacity: 0;
1101    transition: opacity 0.35s ease;
1102}
1103
1104/* HOVER */
1105.xutza-product-hover:hover {
1106    transform: translateY(-6px) scale(1.015) !important;
1107
1108    box-shadow:
1109        0 10px 30px rgba(0,0,0,0.18) !important;
1110}
1111
1112/* Glow appears outside the card */
1113.xutza-product-hover:hover::after {
1114    opacity: 1;
1115    animation: xutzaFlow 2.4s ease-in-out infinite;
1116}
1117
1118@keyframes xutzaFlow {
1119    0%, 100% {
1120        transform: scale(1);
1121        opacity: 0.45;
1122    }
1123
1124    50% {
1125        transform: scale(1.025);
1126        opacity: 0.9;
1127    }
1128}
1129
1130/* Find Sellfy products */
1131</style>
1132
1133<script>
1134(function () {
1135
1136    function findProducts() {
1137
1138        const buttons = document.querySelectorAll(
1139            'button, a, input[type="submit"]'
1140        );
1141
1142        buttons.forEach(function (button) {
1143
1144            const text = (button.innerText || button.value || "")
1145                .trim()
1146                .toLowerCase();
1147
1148            if (!text.includes("add to cart")) return;
1149
1150            let card = button;
1151
1152            for (let i = 0; i < 6; i++) {
1153
1154                if (!card.parentElement) break;
1155
1156                card = card.parentElement;
1157
1158                const rect = card.getBoundingClientRect();
1159
1160                if (
1161                    rect.width > 180 &&
1162                    rect.height > 180 &&
1163                    rect.width < window.innerWidth * .9
1164                ) {
1165                    card.classList.add("xutza-product-hover");
1166                    break;
1167                }
1168            }
1169        });
1170    }
1171
1172    findProducts();
1173
1174    const observer = new MutationObserver(findProducts);
1175
1176    observer.observe(document.body, {
1177        childList: true,
1178        subtree: true
1179    });
1180
1181})();
1182</script>
1182
1183
1184
1185
1186
1187
1188<style>
1189.xutza-particle {
1190  position: fixed;
1191  width: 2px;
1192  height: 2px;
1193  border-radius: 50%;
1194  background: #fff;
1195  pointer-events: none;
1196  z-index: 9998;
1197
1198  box-shadow:
1199    0 0 4px rgba(255,255,255,.9),
1200    0 0 9px rgba(255,255,255,.45);
1201
1202  opacity: 0;
1203
1204  animation:
1205    xutzaFloat 10s ease-in-out infinite,
1206    xutzaTwinkle 2.8s ease-in-out infinite;
1207}
1208
1209@keyframes xutzaFloat {
1210  0% {
1211    transform: translate3d(0, 30px, 0);
1212    opacity: 0;
1213  }
1214
1215  20% {
1216    opacity: .45;
1217  }
1218
1219  50% {
1220    transform: translate3d(30px, -50px, 0);
1221    opacity: .7;
1222  }
1223
1224  75% {
1225    transform: translate3d(-15px, -75px, 0);
1226    opacity: .35;
1227  }
1228
1229  100% {
1230    transform: translate3d(10px, -120px, 0);
1231    opacity: 0;
1232  }
1233}
1234
1235@keyframes xutzaTwinkle {
1236  0%, 100% {
1237    scale: .6;
1238    filter: brightness(.7);
1239  }
1240
1241  50% {
1242    scale: 1.5;
1243    filter: brightness(1.8);
1244  }
1245}
1246</style>
1247
1248<script>
1249(() => {
1250  const particleCount = 45;
1251
1252  for (let i = 0; i < particleCount; i++) {
1253    const p = document.createElement("div");
1254    p.className = "xutza-particle";
1255
1256    p.style.left = Math.random() * 100 + "vw";
1257    p.style.top = Math.random() * 100 + "vh";
1258
1259    const size = Math.random() * 2 + 1;
1260    p.style.width = size + "px";
1261    p.style.height = size + "px";
1262
1263    p.style.animationDuration =
1264      (9 + Math.random() * 13) + "s, " +
1265      (2 + Math.random() * 3) + "s";
1266
1267    p.style.animationDelay =
1268      (-Math.random() * 15) + "s, " +
1269      (-Math.random() * 4) + "s";
1270
1271    document.body.appendChild(p);
1272  }
1273})();
1274</script>
1274
1275
1276
1277
1278
1279
1280
1281
1282<style>
1283.xutza-nav-link {
1284  position: relative !important;
1285  display: inline-block !important;
1286  transition:
1287    transform 0.25s ease,
1288    color 0.25s ease,
1289    text-shadow 0.25s ease !important;
1290}
1291
1292.xutza-nav-link:hover {
1293  transform: translateY(-2px) !important;
1294  color: #fff !important;
1295  text-shadow:
1296    0 0 6px rgba(255,255,255,0.45) !important;
1297}
1298
1299.xutza-nav-link::after {
1300  content: "";
1301  position: absolute;
1302  left: 50%;
1303  bottom: -5px;
1304  width: 0;
1305  height: 1px;
1306  background: #fff;
1307  box-shadow:
1308    0 0 4px rgba(255,255,255,0.8),
1309    0 0 8px rgba(255,255,255,0.35);
1310  transform: translateX(-50%);
1311  transition: width 0.3s ease;
1312  pointer-events: none;
1313}
1314
1315.xutza-nav-link:hover::after {
1316  width: 100%;
1317}
1318</style>
1319
1320<script>
1321(() => {
1322  function findNavLinks() {
1323
1324    document.querySelectorAll('a[href]').forEach(link => {
1325
1326      const url = link.getAttribute('href') || '';
1327
1328      if (
1329        url.includes('/models/') ||
1330        url.includes('/assets/') ||
1331        url.includes('xutza.carrd.co') ||
1332        url.includes('/terms-of-service/')
1333      ) {
1334        link.classList.add('xutza-nav-link');
1335      }
1336
1337    });
1338
1339  }
1340
1341  findNavLinks();
1342
1343  new MutationObserver(findNavLinks).observe(document.body, {
1344    childList: true,
1345    subtree: true
1346  });
1347
1348})();
1349</script>
1349
1350
1351
1352
1353
1354<style>
1355/* ===== FULL PREMIUM XUTZA HEADER ===== */
1356
1357.navigation.sticky-store-nav {
1358    position: relative !important;
1359
1360    margin: 12px auto !important;
1361
1362    width: calc(100% - 32px) !important;
1363    max-width: 1500px !important;
1364
1365    border-radius: 20px !important;
1366
1367    background:
1368        linear-gradient(
1369            135deg,
1370            rgba(255,255,255,0.075) 0%,
1371            rgba(255,255,255,0.025) 45%,
1372            rgba(0,0,0,0.25) 100%
1373        ),
1374        rgba(10,10,10,0.88) !important;
1375
1376    border: 1px solid rgba(255,255,255,0.13) !important;
1377
1378    box-shadow:
1379        0 1px 0 rgba(255,255,255,0.08) inset,
1380        0 -1px 0 rgba(0,0,0,0.45) inset,
1381        0 14px 40px rgba(0,0,0,0.35),
1382        0 0 30px rgba(255,255,255,0.025) !important;
1383
1384    backdrop-filter: blur(18px) saturate(120%) !important;
1385    -webkit-backdrop-filter: blur(18px) saturate(120%) !important;
1386
1387    overflow: visible !important;
1388}
1389
1390/* Keep Sellfy's inner layout clean */
1391.navigation.sticky-store-nav .container {
1392    border-radius: 20px !important;
1393    background: transparent !important;
1394}
1395
1396/* Content inside the big box */
1397.navigation.sticky-store-nav .content-wrapper {
1398    border-radius: 20px !important;
1399}
1400
1401/* Remove the old separate box around the links */
1402.navigation.sticky-store-nav .navmenu.navigation-overflow {
1403    background: transparent !important;
1404    border: none !important;
1405    box-shadow: none !important;
1406    backdrop-filter: none !important;
1407    -webkit-backdrop-filter: none !important;
1408
1409    gap: 18px !important;
1410    padding: 13px 24px !important;
1411
1412    border-radius: 0 !important;
1413}
1414
1415/* Navigation items */
1416.navigation.sticky-store-nav
1417.navmenu.navigation-overflow
1418.store-nav-item {
1419    padding: 2px 8px !important;
1420    flex: 0 0 auto !important;
1421}
1422
1423/* Keep everything above the background */
1424.navigation.sticky-store-nav .logo-container,
1425.navigation.sticky-store-nav .navmenu,
1426.navigation.sticky-store-nav .actions {
1427    position: relative !important;
1428    z-index: 5 !important;
1429}
1430
1431/* ===== NAV LINK HOVER ===== */
1432
1433.xutza-nav-link {
1434    position: relative !important;
1435    display: inline-block !important;
1436
1437    transition:
1438        transform .25s ease,
1439        color .25s ease,
1440        text-shadow .25s ease !important;
1441}
1442
1443.xutza-nav-link:hover {
1444    transform: translateY(-2px) !important;
1445    color: #fff !important;
1446
1447    text-shadow:
1448        0 0 6px rgba(255,255,255,0.45) !important;
1449}
1450
1451/* Glowing underline */
1452.xutza-nav-link::after {
1453    content: "";
1454
1455    position: absolute;
1456    left: 50%;
1457    bottom: -5px;
1458
1459    width: 0;
1460    height: 1px;
1461
1462    background: #fff;
1463
1464    box-shadow:
1465        0 0 4px rgba(255,255,255,0.8),
1466        0 0 8px rgba(255,255,255,0.35);
1467
1468    transform: translateX(-50%);
1469
1470    transition: width .3s ease;
1471
1472    pointer-events: none;
1473}
1474
1475.xutza-nav-link:hover::after {
1476    width: 100%;
1477}
1478
1479/* ===== FIND NAV LINKS ===== */
1480
1481.navigation.sticky-store-nav
1482.navmenu.navigation-overflow
1483a {
1484    transition:
1485        transform .25s ease,
1486        color .25s ease,
1487        text-shadow .25s ease,
1488        opacity .25s ease !important;
1489}
1490</style>
1491
1492<script>
1493(() => {
1494
1495    function findNavLinks() {
1496
1497        document.querySelectorAll('a[href]').forEach(link => {
1498
1499            const url = link.getAttribute('href') || '';
1500
1501            if (
1502                url.includes('/models/') ||
1503                url.includes('/assets/') ||
1504                url.includes('xutza.carrd.co') ||
1505                url.includes('/terms-of-service/')
1506            ) {
1507                link.classList.add('xutza-nav-link');
1508            }
1509
1510        });
1511
1512    }
1513
1514    findNavLinks();
1515
1516    new MutationObserver(findNavLinks).observe(document.body, {
1517        childList: true,
1518        subtree: true
1519    });
1520
1521})();
1522</script>
1522
1523
1524
1525
1526
1527
1528
1529
1530<style>
1531.products.module h2 {
1532    text-shadow:
1533        0 0 5px rgba(255,255,255,0.25),
1534        0 0 12px rgba(255,255,255,0.12),
1535        0 0 20px rgba(255,255,255,0.05) !important;
1536}
1537</style>
1538
1539
1540
1541
1542
1543<style>
1544/* Fix sticky Xutza header overlap on product pages */
1545
1546.navigation.sticky-store-nav {
1547    top: 12px !important;
1548    z-index: 999 !important;
1549}
1550
1551/* Give the page content room below the floating header */
1552body {
1553    padding-top: 25px !important;
1554}
1555
1556/* Product page content */
1557.product.module {
1558    position: relative !important;
1559    z-index: 1 !important;
1560}
1561</style></body>
1562</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.