@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;500;600;700&display=swap";
:root{--primary:#1a1a1a;--accent:#cf0;--bg:#f2f4f8;--surface:#fff;--surface-hover:#f9f9f9;--card-bg:#fff;--border:#0000000a;--text:#111;--text-muted:#888;--input-bg:#f5f7fa;--overlay:#0000000d;--nav-bg:#e8efefb8;--nav-shadow:0 14px 34px -20px #00000038;--success:#00c853;--error:#ff3d00;--warning:#ffab00;--body-bg:linear-gradient(180deg,#c2ced2 0%,#e7eada 100%);--bento-bg:linear-gradient(180deg,#dbe3e2 0%,#e5e9de 100%);--bento-border:#8a9aa038;--radius-lg:48px;--radius-md:32px;--radius-sm:20px;--blur:0px;--shadow:0 10px 40px -10px #0000000d;--transition:all .3s cubic-bezier(.25,.8,.25,1)}[data-theme=dark]{--primary:#f5f5f0;--bg:#0c0c0c;--surface:#1a1a1a;--surface-hover:#242424;--card-bg:#1e1e1ecc;--border:#ffffff1f;--text:#f5f5f5;--text-muted:#a0a0a0;--input-bg:#242424;--overlay:#ffffff0d;--nav-bg:#141414b8;--nav-shadow:0 16px 38px -24px #000000b3;--success:#00e676;--error:#ff5252;--warning:#ffd740;--border-strong:#fff3;--shadow:0 20px 60px #0006;--body-bg:linear-gradient(180deg,#0f0f0f 0%,#1a1a1a 100%);--bento-bg:linear-gradient(180deg,#121212 0%,#1a1a1a 100%);--bento-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--body-bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}img,video,canvas,svg{max-width:100%}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--blur));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.container{max-width:1440px;margin:0 auto;padding:0 60px}@media (max-width:768px){.container{padding:0 16px}}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{-ms-overflow-style:none;scrollbar-width:none}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:150px;gap:16px;display:grid}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.row-span-2{grid-row:span 2}.row-span-1{grid-row:span 1}@media (max-width:1024px){.bento-grid{grid-auto-rows:auto;gap:16px;flex-direction:column!important;display:flex!important}.bento-grid>div,.bento-grid>a{grid-column:span 12!important;width:100%!important;min-height:auto!important}}@media (max-width:768px){.mobile-stack{flex-direction:column!important;height:auto!important;display:flex!important}.mobile-hide{display:none!important}.mobile-padding-sm{padding:12px!important}}.btn-primary{background-color:var(--accent);color:#000;transition:var(--transition);border-radius:100px;align-items:center;gap:12px;padding:18px 32px;font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:600;display:inline-flex}.btn-primary:hover{transform:translateY(-4px)scale(1.03);box-shadow:0 12px 30px #dfff004d}.btn-secondary{color:var(--text);border:1px solid var(--border-strong);transition:var(--transition);background-color:#0000;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--overlay);border-color:var(--text-muted)}.btn-icon-circle{background:var(--primary);width:56px;height:56px;color:var(--bg);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon-circle:hover{transform:scale(1.1)}.card{border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)}.glass-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-md);transition:var(--transition);position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0000001a}.horizontal-scroll{cursor:grab;scroll-behavior:smooth;gap:24px;padding:10px 0 30px;display:flex;overflow-x:auto}.horizontal-scroll:active{cursor:grabbing}.color-swatch-btn{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.color-swatch-btn:hover{transform:scale(1.1)}.input-field{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:0 2px 4px #00000005}.input-field:hover{background:var(--surface-hover);border-color:#999}.input-field:focus{border-color:var(--primary);background:var(--surface);transform:translateY(-1px);box-shadow:0 0 0 4px #0000000d}.input-field::placeholder{color:var(--text-muted);opacity:.6}textarea.input-field{resize:vertical;min-height:100px;line-height:1.5}select.input-field{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.recommendations-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (min-width:768px){.recommendations-grid{grid-template-columns:repeat(4,1fr)}}.recommendation-card{cursor:pointer;display:block}.recommendation-image-container{aspect-ratio:1;border:1px solid var(--border);background-color:#f3f4f6;border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}.recommendation-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recommendation-card:hover .recommendation-image{transform:scale(1.05)}.badge-sale{background-color:var(--error);color:#fff;z-index:10;border-radius:9999px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:8px;right:8px}.recommendation-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;transition:color .2s;overflow:hidden}.recommendation-card:hover .recommendation-title{color:var(--accent)}.checkout-upsell-container{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:12px;margin-top:32px;padding:24px}.upsell-grid{gap:16px;display:grid}.upsell-item{background-color:#fff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:16px;padding:12px;display:flex;box-shadow:0 1px 2px #0000000d}.upsell-image-container{background-color:#f3f4f6;border-radius:6px;flex-shrink:0;width:64px;height:64px;display:block;position:relative;overflow:hidden}.upsell-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;transition:color .2s;display:block;overflow:hidden}.upsell-title:hover{color:#2563eb}.btn-add{color:#fff;background-color:#2563eb;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.btn-add:hover{background-color:#1d4ed8}.input-label{color:#444;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.animate-fade-in{animation:.3s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nav-header{z-index:1000;background:var(--nav-bg);border:1px solid var(--border);width:min(97%,1400px);box-shadow:var(--nav-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;justify-content:space-between;align-items:center;gap:10px;margin:0 auto 16px;padding:10px 14px;transition:all .3s;display:flex;position:sticky;top:10px}.nav-search-container{background:var(--surface);border:1px solid var(--border);border-radius:100px;align-items:center;width:350px;padding:7px 12px;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 1px #fff9}.nav-links{flex:1;justify-content:center;align-items:center;gap:8px;margin:0 12px;display:flex}.nav-actions{align-items:center;gap:8px;display:flex}.mobile-menu-toggle{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:none}@media (max-width:1280px){.nav-search-container{width:250px}.nav-links{margin:0 8px}}@media (max-width:1100px){.nav-links{display:none}.nav-search-container{width:200px}}@media (max-width:1024px){.studio-main{max-height:none!important;overflow:auto!important}.studio-layout{flex-direction:column!important;height:auto!important;min-height:calc(100vh - 88px)!important;padding-top:88px!important;display:flex!important}.studio-sidebar{border-right:none!important;border-bottom:1px solid var(--border)!important;max-height:none!important}.studio-viewport{min-height:62vh!important}}@media (max-width:768px){.nav-header{border-radius:16px;width:100%;margin-bottom:14px;padding:8px 10px;top:0}.nav-search-container{display:none}.nav-links{display:none!important}.nav-actions{gap:8px}.nav-actions .btn-icon-circle{width:38px;height:38px}.mobile-menu-toggle{display:flex}.hidden-mobile{display:none!important}.show-mobile{display:block!important}.show-desktop{display:none!important}.hero-gallery-mobile{order:-1!important;height:400px!important;min-height:400px!important;margin-bottom:60px!important}.studio-layout{padding-top:80px!important}.studio-sidebar{padding:14px!important}.studio-viewport{min-height:56vh!important}}@media (min-width:1025px){.show-desktop{display:block!important}.hide-desktop,.show-mobile{display:none!important}}html,body{max-width:100vw;overflow-x:hidden}.product-grid-custom{flex-direction:column;gap:20px;display:flex}.product-gallery-rail{justify-content:flex-start;align-items:center;display:flex}.customizable-template-wrap{background:var(--surface-hover);border:1px solid var(--border);border-radius:24px;padding:16px}.customizable-template-grid{grid-template-columns:minmax(0,2.3fr) minmax(320px,.9fr);gap:16px;display:grid}.customizable-preview-stack{gap:14px;display:grid}.customizable-hero-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;min-height:420px;padding:8px;position:relative}.customizable-example-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:12px}.customizable-example-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px;font-size:.86rem;font-weight:700}.customizable-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.customizable-example-item{gap:6px;display:grid}.customizable-example-media{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding-top:62%;position:relative;overflow:hidden}.customizable-controls-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:14px}@media (min-width:1025px){.product-grid-custom{grid-template-columns:minmax(300px,1fr) minmax(440px,1.55fr) minmax(300px,.95fr);align-items:start;gap:32px;display:grid}.product-gallery-rail{grid-column:1/span 2;margin-top:-120px;padding-left:0}}@media (max-width:1024px){.customizable-template-wrap{border-radius:18px;padding:12px}.customizable-template-grid{grid-template-columns:1fr;gap:12px}.customizable-hero-card{min-height:360px}.customizable-example-grid{grid-template-columns:1fr}}@keyframes meshAnim{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes occ-swing{0%{transform:rotate(4deg)}to{transform:rotate(-4deg)}}@keyframes occ-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes occ-pulseGlow{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:.9;transform:scale(1.05)}}.mesh-gradient{z-index:-2;pointer-events:none;background:var(--bg);position:fixed;inset:0;overflow:hidden}.mesh-gradient:before{content:"";filter:blur(120px);background:radial-gradient(circle at 30% 30%,#0d948840 0%,#0000 60%),radial-gradient(circle at 70% 70%,#2dd4bf33 0%,#0000 60%),radial-gradient(circle at 30% 70%,#eff0db59 0%,#0000 60%),radial-gradient(circle at 10% 40%,#d1dcdd26 0%,#0000 60%),radial-gradient(circle at 70% 30%,#06b6d426 0%,#0000 60%);width:200%;height:200%;animation:25s ease-in-out infinite meshAnim;position:absolute;top:-50%;left:-50%}body:has(main[data-product-page=true]) .mesh-gradient:before{display:none!important}[data-theme=dark] .mesh-gradient:before{background:radial-gradient(circle at 30% 30%,#0d948814 0%,#0000 60%),radial-gradient(circle at 70% 70%,#2dd4bf14 0%,#0000 60%),radial-gradient(circle at 30% 70%,#14141499 0%,#0000 60%),radial-gradient(circle at 10% 40%,#ccff0008 0%,#0000 60%),radial-gradient(circle at 70% 30%,#05b6d40d 0%,#0000 60%)}.floating-shape{pointer-events:none;filter:blur(.5px);color:var(--text);opacity:.15;transition:opacity .3s;position:absolute}[data-theme=dark] .floating-shape{opacity:.08;color:#fff}.shape-gear{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1Z'/%3E%3C/svg%3E")}.shape-cube{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.27 6.96 8.73 5.05 8.73-5.05'/%3E%3Cpath d='M12 22.08V12'/%3E%3C/svg%3E")}.shape-target{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2v4m0 12v4M2 12h4m12 0h4'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.shape-beam{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2v20M2 12h20M5 5l14 14M19 5L5 19'/%3E%3C/svg%3E")}.tiptap{outline:none;min-height:150px;padding:16px}.tiptap p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}.tiptap table td,.tiptap table th{border:1px solid var(--border-strong);box-sizing:border-box;vertical-align:top;min-width:1em;padding:6px 10px;position:relative}.tiptap table th{background-color:var(--surface-hover);text-align:left;font-weight:700}.tiptap ul,.tiptap ol{margin:1rem 0;padding:0 1rem}.tiptap blockquote{border-left:3px solid var(--border-strong);margin:1rem 0;padding-left:1rem}.tiptap hr{border:none;border-top:2px solid var(--border-strong);margin:2rem 0}
.tiptap img,.product-description-image{border-radius:12px;max-width:100%;height:auto;display:block;box-shadow:0 4px 20px #00000014;margin:24px 0!important}.tiptap table{border-collapse:collapse;border:1px solid var(--border-strong);border-radius:12px;width:100%;overflow:hidden;margin:24px 0!important}.tiptap th,.tiptap td{border:1px solid var(--border-strong);padding:12px 16px}.tiptap th{background-color:var(--surface-hover);font-weight:700}