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