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's Street</title><meta property="og:title" content="Xutza's Street"> 7 <meta property="twitter:title" content="Xutza's Street"> 8 <meta property="og:site_name" content="Xutza'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'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'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="selected"> 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.