{"id":7053,"date":"2020-07-06T13:18:48","date_gmt":"2020-07-06T13:18:48","guid":{"rendered":"http:\/\/dummy.xtemos.com\/woodmart-elementor\/demos\/?page_id=7053"},"modified":"2026-09-20T10:53:28","modified_gmt":"2026-09-20T10:53:28","slug":"veloro-leathers-home","status":"publish","type":"page","link":"https:\/\/veloroleathers.com\/","title":{"rendered":"Veloro Leathers Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7053\" class=\"elementor elementor-7053\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf1cb48 e-con e-atomic-element e-flexbox-base e-3d21f9e \" data-id=\"cf1cb48\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cf1cb48\">\n    \t\t<div class=\"elementor-element elementor-element-70821fe elementor-widget elementor-widget-html\" data-id=\"70821fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  ===========================================================\r\n  YourBrand HOME PAGE  |  Paste into a WordPress \"Custom HTML\" block\r\n  (or an Elementor \"HTML\" widget). Everything is inside this one file.\r\n  Edit the SETTINGS block near the bottom (search for: SETTINGS).\r\n  ===========================================================\r\n-->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Figtree:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\nhtml{scroll-behavior:smooth}\r\nbody{overflow-x:clip}\r\n\r\n\/* ---------- Root tokens ---------- *\/\r\n.bx-root{\r\n  --brown:rgb(74,46,28);\r\n  --brown-deep:#2a180d;\r\n  --brown-mid:#5c3b26;\r\n  --gold:rgb(201,138,62);\r\n  --gold-soft:#ecc994;\r\n  --gold-deep:#8a5a1f;\r\n  --paper:#fbfaf7;\r\n  --sand:#f3ece1;\r\n  --ink:#2a180d;\r\n  --muted:#6b5849;\r\n  --line:rgba(74,46,28,.16);\r\n  --display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;\r\n  --body:'Figtree','Segoe UI',system-ui,-apple-system,sans-serif;\r\n  font-family:var(--body);font-size:17px;line-height:1.6;color:var(--ink);\r\n  -webkit-font-smoothing:antialiased;text-align:left;\r\n}\r\n.bx-page{width:100vw;margin-left:calc(50% - 50vw);position:relative;overflow-x:clip;background:var(--paper)}\r\n\r\n\/* ---------- Scoped reset ---------- *\/\r\n.bx-root *,.bx-root *::before,.bx-root *::after{box-sizing:border-box}\r\n.bx-root h1,.bx-root h2,.bx-root h3,.bx-root h4,.bx-root p,.bx-root ul,.bx-root ol,.bx-root li,.bx-root blockquote,.bx-root figure,.bx-root dl,.bx-root dd{margin:0;padding:0}\r\n.bx-root ul,.bx-root ol{list-style:none}\r\n.bx-root a{text-decoration:none;color:inherit;box-shadow:none}\r\n.bx-root button{font:inherit;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;text-shadow:none}\r\n.bx-root input,.bx-root select,.bx-root textarea{text-transform:none;letter-spacing:normal}\r\n.bx-root h1,.bx-root h2,.bx-root h3{text-transform:none;font-style:normal;border:0;background:none}\r\n.bx-root p,.bx-root li,.bx-root ul,.bx-root ol,.bx-root blockquote,.bx-root figure,.bx-root figcaption{font-size:inherit;line-height:inherit;font-family:inherit;color:inherit;text-transform:none}\r\n.bx-root svg{display:block}\r\n.bx-root .bx-ico{width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}\r\n.bx-root .bx-star{fill:currentColor;stroke:none}\r\n.bx-root :focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}\r\n.bx-root .bx-wrap{width:min(1200px,100% - 48px);margin-inline:auto}\r\n.bx-root [data-open]{cursor:pointer}\r\n\r\n\/* ---------- Type ---------- *\/\r\n.bx-root .bx-h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.05;letter-spacing:-.03em;color:var(--brown-deep);margin:0;padding:0}\r\n.bx-root .bx-lead{font-size:1.1rem;color:var(--muted);max-width:60ch;margin:0}\r\n.bx-root .bx-dark .bx-h2{color:#fff}\r\n.bx-root .bx-dark .bx-lead{color:#d7c5b0}\r\n.bx-root .bx-sec{padding:clamp(64px,9vw,120px) 0}\r\n.bx-root .bx-sec-sand{background:var(--sand)}\r\n.bx-root .bx-head{display:grid;gap:16px;margin-bottom:clamp(36px,5vw,64px);max-width:780px}\r\n\r\n\/* ---------- Buttons ---------- *\/\r\n.bx-root .bx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:999px;border:2px solid transparent;font-weight:700;font-size:1rem;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s,color .2s,border-color .2s;text-align:center}\r\n.bx-root .bx-btn:hover{transform:translateY(-2px)}\r\n.bx-root .bx-gold{background:var(--gold);color:var(--brown-deep);box-shadow:0 14px 30px -12px rgba(201,138,62,.8)}\r\n.bx-root .bx-gold:hover{background:#dba05a;box-shadow:0 18px 36px -12px rgba(201,138,62,.9)}\r\n.bx-root .bx-ghost{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}\r\n.bx-root .bx-ghost:hover{border-color:var(--gold);color:var(--gold-soft)}\r\n.bx-root .bx-brown{background:var(--brown);color:#fff}\r\n.bx-root .bx-brown:hover{background:var(--brown-deep)}\r\n.bx-root .bx-wa{background:#1fa855;color:#fff}\r\n.bx-root .bx-wa:hover{background:#178f47}\r\n\r\n\/* ---------- Top bar + header ---------- *\/\r\n.bx-root .bx-topbar{background:#1c0f07;color:#dcc9b3;font-size:.85rem}\r\n.bx-root .bx-topbar .bx-wrap{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;padding:9px 0}\r\n.bx-root .bx-topbar a{color:var(--gold-soft);font-weight:600}\r\n.bx-root .bx-topbar .bx-tb-links{display:flex;gap:20px}\r\n.bx-root .bx-hdr{position:sticky;top:0;z-index:60;background:rgba(42,24,13,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}\r\n.bx-root .bx-hdr .bx-wrap{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}\r\n.bx-root .bx-logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.03em}\r\n.bx-root .bx-logo-mark{width:34px;height:34px;border-radius:10px;background:var(--gold);color:var(--brown-deep);display:grid;place-items:center;transform:rotate(-8deg)}\r\n.bx-root .bx-logo-mark .bx-ico{width:20px;height:20px;stroke-width:2.2}\r\n.bx-root .bx-nav{display:flex;align-items:center;gap:30px}\r\n.bx-root .bx-nav a{color:#e8d8c4;font-weight:500;font-size:.95rem;transition:color .2s}\r\n.bx-root .bx-nav a:hover{color:var(--gold)}\r\n.bx-root .bx-hdr .bx-btn{padding:11px 22px;font-size:.95rem}\r\n.bx-root .bx-burger{display:none;background:none;border:0;color:#fff;padding:6px}\r\n.bx-root .bx-burger .bx-ico{width:28px;height:28px}\r\n\r\n\/* ---------- Hero ---------- *\/\r\n.bx-root .bx-hero{position:relative;color:#fff;overflow:hidden;background:\r\n  radial-gradient(1100px 560px at 85% -8%,rgba(201,138,62,.34),transparent 62%),\r\n  radial-gradient(800px 480px at -8% 108%,rgba(201,138,62,.18),transparent 62%),\r\n  var(--brown-deep);padding-top:clamp(56px,8vw,104px)}\r\n.bx-root .bx-hero::before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000 10%,transparent 78%);mask-image:linear-gradient(180deg,#000 10%,transparent 78%);pointer-events:none}\r\n.bx-root .bx-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:bx-drift 16s ease-in-out infinite alternate}\r\n.bx-root .bx-orb.o1{width:340px;height:340px;right:12%;top:8%;background:rgba(201,138,62,.22)}\r\n.bx-root .bx-orb.o2{width:260px;height:260px;left:34%;bottom:14%;background:rgba(236,201,148,.10);animation-duration:22s}\r\n.bx-root .bx-hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(32px,5vw,72px);align-items:center;padding-bottom:clamp(48px,6vw,80px)}\r\n.bx-root .bx-h1{font-family:var(--display);font-weight:800;font-size:clamp(2.5rem,5.6vw,4.7rem);line-height:1.01;letter-spacing:-.035em;color:#fff;margin:0;padding:0}\r\n.bx-root .bx-hero-sub{margin-top:24px;font-size:clamp(1.05rem,1.5vw,1.22rem);color:#e2d2bf;max-width:56ch}\r\n.bx-root .bx-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}\r\n.bx-root .bx-hero-cta .bx-btn{padding:17px 34px;font-size:1.05rem}\r\n.bx-root .bx-trust{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:34px;color:#e2d2bf;font-size:.95rem}\r\n.bx-root .bx-trust li{display:flex;align-items:center;gap:8px}\r\n.bx-root .bx-trust .bx-ico{color:var(--gold);width:1.2em;height:1.2em;stroke-width:2.4}\r\n\r\n\/* hero entrance (one orchestrated moment) *\/\r\n.bx-root .bx-seq{opacity:0;transform:translateY(22px);animation:bx-seq .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*110ms + 120ms)}\r\n\r\n\/* 3D order ticket *\/\r\n.bx-root .bx-scene{perspective:1200px;position:relative;padding:26px 34px 34px 14px;opacity:0;animation:bx-seq 1.1s cubic-bezier(.2,.7,.2,1) .5s forwards}\r\n.bx-root .bx-3d{position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}\r\n.bx-root .bx-tk-back{position:absolute;inset:0;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}\r\n.bx-root .bx-tk-back.b1{transform:translate3d(28px,-22px,-30px) rotate(3.5deg)}\r\n.bx-root .bx-tk-back.b2{transform:translate3d(-22px,26px,-60px) rotate(-3.5deg);background:rgba(201,138,62,.28);border-color:rgba(201,138,62,.5)}\r\n.bx-root .bx-tk{position:relative;background:linear-gradient(180deg,#fff,#f7f0e6);color:var(--ink);border-radius:24px;padding:26px;box-shadow:0 50px 90px -34px rgba(0,0,0,.8);transform:translateZ(30px)}\r\n.bx-root .bx-tk-top{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted);font-weight:600}\r\n.bx-root .bx-tk-top span{display:flex;align-items:center;gap:8px}\r\n.bx-root .bx-live{width:9px;height:9px;border-radius:50%;background:#1fa855;box-shadow:0 0 0 0 rgba(31,168,85,.6);animation:bx-ping 2s infinite}\r\n.bx-root .bx-tk h3{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.02em;margin:14px 0 4px;color:var(--brown-deep)}\r\n.bx-root .bx-tk-sub{font-size:.9rem;color:var(--muted)}\r\n.bx-root .bx-tk-steps{margin:18px 0 6px}\r\n.bx-root .bx-tk-steps li{position:relative;display:grid;grid-template-columns:22px 1fr;gap:14px;padding:9px 0;font-weight:600;font-size:.98rem;color:#a3917f}\r\n.bx-root .bx-tk-steps li small{display:block;font-weight:500;font-size:.8rem;color:#a3917f}\r\n.bx-root .bx-tk-steps li::before{content:\"\";width:20px;height:20px;border-radius:50%;border:2px solid #d9c9b5;background:#fff;margin-top:2px;position:relative;z-index:1}\r\n.bx-root .bx-tk-steps li::after{content:\"\";position:absolute;left:9px;top:32px;bottom:-8px;width:2px;background:#e4d6c3}\r\n.bx-root .bx-tk-steps li:last-child::after{display:none}\r\n.bx-root .bx-tk-steps li.done{color:var(--brown-deep)}\r\n.bx-root .bx-tk-steps li.done::before{background:var(--gold);border-color:var(--gold)}\r\n.bx-root .bx-tk-steps li.done::after{background:var(--gold)}\r\n.bx-root .bx-tk-steps li.now{color:var(--brown-deep)}\r\n.bx-root .bx-tk-steps li.now::before{border-color:var(--gold);box-shadow:0 0 0 5px rgba(201,138,62,.25);animation:bx-pulse 1.8s infinite}\r\n.bx-root .bx-bar{height:8px;border-radius:99px;background:#eadfce;overflow:hidden;margin-top:12px}\r\n.bx-root .bx-bar i{display:block;height:100%;width:62%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-deep));transform-origin:left;animation:bx-grow 1.6s .9s cubic-bezier(.3,.7,.2,1) both}\r\n.bx-root .bx-chip{position:absolute;z-index:3;background:var(--gold);color:var(--brown-deep);font-weight:700;font-size:.85rem;padding:10px 16px;border-radius:999px;box-shadow:0 18px 30px -12px rgba(0,0,0,.6);transform:translateZ(90px);animation:bx-float 5s ease-in-out infinite;display:flex;align-items:center;gap:8px;white-space:nowrap}\r\n.bx-root .bx-chip.c1{top:-6px;right:-6px}\r\n.bx-root .bx-chip.c2{bottom:14px;left:-26px;background:#fff;animation-delay:-2.4s}\r\n.bx-root .bx-chip .bx-ico{width:1.1em;height:1.1em;stroke-width:2.4}\r\n\r\n.bx-root .bx-stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}\r\n.bx-root .bx-stat{padding:30px 24px 32px 0}\r\n.bx-root .bx-stat + .bx-stat{padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}\r\n.bx-root .bx-stat b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(2.1rem,3.6vw,3.1rem);line-height:1;letter-spacing:-.03em;color:#fff}\r\n.bx-root .bx-stat span{display:block;margin-top:8px;font-size:.92rem;color:#cdb9a3}\r\n\r\n\/* ---------- Marquee ---------- *\/\r\n.bx-root .bx-marquee{background:var(--gold);color:var(--brown-deep);overflow:hidden;border-block:1px solid rgba(42,24,13,.25)}\r\n.bx-root .bx-mq-track{display:flex;width:max-content}\r\n.bx-root .bx-mq-list{display:flex;flex:none;animation:bx-scroll 55s linear infinite}\r\n.bx-root .bx-marquee:hover .bx-mq-list{animation-play-state:paused}\r\n.bx-root .bx-mq-list li{display:flex;align-items:center;gap:14px;padding:18px 0 18px 44px;white-space:nowrap;font-size:1rem}\r\n.bx-root .bx-mq-list li strong{font-family:var(--display);font-weight:800;font-size:1.1rem;letter-spacing:-.01em}\r\n.bx-root .bx-mq-list li::before{content:\"\";width:9px;height:9px;background:var(--brown-deep);transform:rotate(45deg);margin-right:2px}\r\n\r\n\/* ---------- Categories (3D) ---------- *\/\r\n.bx-root .bx-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}\r\n.bx-root .bx-cat{position:relative;display:flex;flex-direction:column;gap:14px;padding:22px 22px 24px;border-radius:26px;color:#fff;background:linear-gradient(165deg,var(--brown) 0%,var(--brown-deep) 100%);border:1px solid rgba(201,138,62,.35);box-shadow:0 34px 50px -30px rgba(42,24,13,.75);transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .3s,border-color .3s;will-change:transform}\r\n.bx-root .bx-cat::before{content:\"\";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(236,201,148,.26),transparent 58%);opacity:0;transition:opacity .3s;pointer-events:none;transform:translateZ(1px)}\r\n.bx-root .bx-cat:hover{border-color:var(--gold);box-shadow:0 44px 64px -28px rgba(42,24,13,.9)}\r\n.bx-root .bx-cat:hover::before{opacity:1}\r\n.bx-root .bx-cat.bx-rest{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}\r\n.bx-root .bx-cat-vis{position:relative;height:150px;border-radius:18px;background:linear-gradient(135deg,rgba(201,138,62,.28),rgba(201,138,62,.05));background-size:cover;background-position:center;display:grid;place-items:center;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.08)}\r\n.bx-root .bx-cat-vis .bx-ghost-i{position:absolute;right:-8px;bottom:-22px;width:130px;height:130px;color:var(--gold);opacity:.14;transform:translateZ(10px) rotate(-14deg);stroke-width:1.2}\r\n.bx-root .bx-cat-vis .bx-main-i{width:68px;height:68px;color:var(--gold-soft);stroke-width:1.5;transform:translateZ(64px);filter:drop-shadow(0 16px 14px rgba(0,0,0,.45));transition:transform .4s cubic-bezier(.2,.8,.2,1)}\r\n.bx-root .bx-cat:hover .bx-main-i{transform:translateZ(90px) scale(1.08)}\r\n.bx-root .bx-cat-vis.has-img .bx-ghost-i,.bx-root .bx-cat-vis.has-img .bx-main-i{display:none}\r\n.bx-root .bx-cat-title{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.02em;color:#fff;margin:2px 0 0;padding:0;transform:translateZ(40px)}\r\n.bx-root .bx-cat-text{color:#dccbb6;font-size:.98rem;transform:translateZ(24px)}\r\n.bx-root .bx-cat-list{display:grid;gap:6px;font-size:.92rem;color:#f0e2cf;transform:translateZ(24px)}\r\n.bx-root .bx-cat-list li{display:flex;gap:10px;align-items:center}\r\n.bx-root .bx-cat-list .bx-ico{color:var(--gold);width:1.05em;height:1.05em;stroke-width:2.5}\r\n.bx-root .bx-cat-btn{margin-top:auto;transform:translateZ(46px);background:transparent;border:2px solid var(--gold);color:var(--gold-soft);border-radius:999px;padding:12px 20px;font-weight:700;transition:background .2s,color .2s}\r\n.bx-root .bx-cat:hover .bx-cat-btn,.bx-root .bx-cat-btn:hover{background:var(--gold);color:var(--brown-deep)}\r\n.bx-root .bx-cat-note{margin-top:36px;font-size:1.02rem;color:var(--muted)}\r\n.bx-root .bx-cat-note button{background:none;border:0;padding:0;color:var(--gold-deep);font-weight:700;text-decoration:underline;text-underline-offset:4px}\r\n\r\n\/* ---------- Process ---------- *\/\r\n.bx-root .bx-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}\r\n.bx-root .bx-steps::before,.bx-root .bx-steps::after{content:\"\";position:absolute;left:28px;top:27px;height:3px;border-radius:3px}\r\n.bx-root .bx-steps::before{right:28px;background:var(--line)}\r\n.bx-root .bx-steps::after{width:calc(100% - 56px);background:linear-gradient(90deg,var(--gold),var(--gold-deep));transform:scaleX(0);transform-origin:left;transition:transform 2s cubic-bezier(.6,.1,.2,1)}\r\n.bx-root .bx-steps.in::after{transform:scaleX(1)}\r\n.bx-root .bx-step-n{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:var(--brown);color:var(--gold-soft);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:1.3rem;box-shadow:0 0 0 8px var(--paper)}\r\n.bx-root .bx-step h3{font-family:var(--display);font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:var(--brown-deep);margin:22px 0 8px}\r\n.bx-root .bx-step p{color:var(--muted);font-size:.98rem}\r\n.bx-root .bx-process-cta{margin-top:56px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}\r\n.bx-root .bx-process-cta span{color:var(--muted)}\r\n\r\n\/* ---------- Why us ---------- *\/\r\n.bx-root .bx-why{background:var(--brown-deep);color:#f0e2cf}\r\n.bx-root .bx-why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,88px);align-items:start}\r\n.bx-root .bx-why-l{position:sticky;top:110px;display:grid;gap:22px}\r\n.bx-root .bx-why-list{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}\r\n.bx-root .bx-why-item{padding:28px 0 30px;border-top:1px solid rgba(255,255,255,.14)}\r\n.bx-root .bx-why-item .bx-ico{color:var(--gold);width:30px;height:30px;stroke-width:1.5}\r\n.bx-root .bx-why-item h3{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:#fff;margin:14px 0 6px}\r\n.bx-root .bx-why-item p{color:#d0bea9;font-size:.98rem}\r\n\r\n\/* ---------- Markets ---------- *\/\r\n.bx-root .bx-mk{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--brown)}\r\n.bx-root .bx-mk-col{padding:30px 30px 8px}\r\n.bx-root .bx-mk-col:first-child{padding-left:0}\r\n.bx-root .bx-mk-col + .bx-mk-col{border-left:1px solid var(--line)}\r\n.bx-root .bx-mk-name{font-family:var(--display);font-weight:800;font-size:clamp(2rem,3.6vw,3rem);line-height:1;letter-spacing:-.035em;color:var(--brown-deep);margin:0}\r\n.bx-root .bx-mk-time{margin:14px 0 12px;color:var(--gold-deep);font-weight:800}\r\n.bx-root .bx-mk-col p{color:var(--muted);font-size:.98rem}\r\n\r\n\/* ---------- Reviews ---------- *\/\r\n.bx-root .bx-rev{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}\r\n.bx-root .bx-quote{position:relative;padding:32px;border-radius:22px;background:#fff;border:1px solid var(--line)}\r\n.bx-root .bx-quote.big{grid-row:span 2;background:var(--brown);border:0;color:#fff;border-radius:34px 34px 34px 6px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;justify-content:space-between;gap:28px}\r\n.bx-root .bx-stars{display:flex;gap:3px;color:var(--gold)}\r\n.bx-root .bx-stars .bx-ico{width:20px;height:20px}\r\n.bx-root .bx-quote blockquote{font-size:1.05rem;margin:14px 0 20px}\r\n.bx-root .bx-quote.big blockquote{font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25;letter-spacing:-.02em;margin:18px 0 0}\r\n.bx-root .bx-who b{display:block;font-weight:800}\r\n.bx-root .bx-who span{font-size:.9rem;color:var(--muted)}\r\n.bx-root .bx-quote.big .bx-who span{color:#d9c6ad}\r\n\r\n\/* ---------- FAQ ---------- *\/\r\n.bx-root .bx-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,88px);align-items:start}\r\n.bx-root .bx-faq-side{display:grid;gap:22px;position:sticky;top:110px}\r\n.bx-root .bx-faq-item{border-bottom:1px solid var(--line)}\r\n.bx-root .bx-faq-item:first-child{border-top:1px solid var(--line)}\r\n.bx-root .bx-faq-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-weight:700;font-size:1.1rem;cursor:pointer;color:var(--brown-deep)}\r\n.bx-root .bx-faq-item summary::-webkit-details-marker{display:none}\r\n.bx-root .bx-faq-item summary .bx-ico{color:var(--gold-deep);transition:transform .3s}\r\n.bx-root .bx-faq-item[open] summary .bx-ico{transform:rotate(45deg)}\r\n.bx-root .bx-faq-a{padding:0 40px 24px 0;color:var(--muted)}\r\n\r\n\/* ---------- Final CTA ---------- *\/\r\n.bx-root .bx-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--brown) 0%,var(--brown-deep) 100%);color:#fff}\r\n.bx-root .bx-cta::after{content:\"\";position:absolute;width:520px;height:520px;right:-140px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(201,138,62,.45),transparent 65%);pointer-events:none}\r\n.bx-root .bx-cta .bx-wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap;padding:clamp(56px,8vw,96px) 0}\r\n.bx-root .bx-cta .bx-h2{color:#fff;max-width:18ch}\r\n.bx-root .bx-cta p{margin-top:16px;color:#e2d2bf;max-width:52ch}\r\n.bx-root .bx-cta-btns{display:flex;flex-wrap:wrap;gap:14px}\r\n.bx-root .bx-cta-btns .bx-btn{padding:17px 34px;font-size:1.05rem}\r\n\r\n\/* ---------- Floating helpers ---------- *\/\r\n.bx-root .bx-wa-float{position:fixed;right:22px;bottom:22px;z-index:70;width:60px;height:60px;border-radius:50%;background:#1fa855;color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -8px rgba(0,0,0,.5);transition:transform .2s}\r\n.bx-root .bx-wa-float:hover{transform:scale(1.08)}\r\n.bx-root .bx-wa-float::before{content:\"\";position:absolute;inset:0;border-radius:50%;border:2px solid #1fa855;animation:bx-ring 2.4s infinite}\r\n.bx-root .bx-wa-float .bx-ico{width:30px;height:30px;stroke-width:1.8}\r\n.bx-root .bx-mbar{display:none}\r\n\r\n\/* ---------- Modal + form ---------- *\/\r\n.bx-root .bx-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:18px}\r\n.bx-root .bx-modal.open{display:flex}\r\n.bx-root .bx-back{position:absolute;inset:0;background:rgba(24,12,5,.74);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:bx-fade .25s both}\r\n.bx-root .bx-dialog{position:relative;width:min(780px,100%);max-height:min(94vh,940px);display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 60px 120px -30px rgba(0,0,0,.7);animation:bx-pop .35s cubic-bezier(.2,.8,.2,1) both}\r\n.bx-root .bx-m-top{position:relative;background:linear-gradient(120deg,var(--brown),var(--brown-deep));color:#fff;padding:24px 30px 22px}\r\n.bx-root .bx-m-top h2{font-family:var(--display);font-weight:800;font-size:1.55rem;letter-spacing:-.02em;color:#fff;margin:0;padding:0}\r\n.bx-root .bx-m-top p{color:#e0cfba;font-size:.95rem;margin-top:4px}\r\n.bx-root .bx-m-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}\r\n.bx-root .bx-m-close:hover{background:rgba(255,255,255,.24)}\r\n.bx-root .bx-prog{display:flex;gap:8px;margin-top:16px}\r\n.bx-root .bx-prog i{flex:1;height:5px;border-radius:9px;background:rgba(255,255,255,.2);transition:background .3s}\r\n.bx-root .bx-prog i.on{background:var(--gold)}\r\n.bx-root .bx-m-body{flex:1 1 auto;min-height:0;overflow:auto;padding:26px 30px 8px;overscroll-behavior:contain}\r\n.bx-root .bx-pane{display:none;gap:20px}\r\n.bx-root .bx-pane.on{display:grid}\r\n.bx-root .bx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}\r\n.bx-root .bx-field{display:grid;gap:7px;align-content:start}\r\n.bx-root .bx-label{font-weight:700;font-size:.9rem;color:var(--brown-deep)}\r\n.bx-root .bx-label em{font-style:normal;color:#b3261e}\r\n.bx-root .bx-label small{font-weight:500;color:var(--muted)}\r\n.bx-root .bx-input{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1.5px solid #d9c9b5;border-radius:12px;padding:12px 14px;line-height:1.4;box-shadow:none;height:auto;margin:0}\r\n.bx-root textarea.bx-input{min-height:96px;resize:vertical}\r\n.bx-root .bx-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,138,62,.25)}\r\n.bx-root .bx-input.err{border-color:#b3261e;background:#fff8f7}\r\n.bx-root .bx-err{color:#b3261e;font-size:.84rem;font-weight:600}\r\n.bx-root .bx-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\r\n.bx-root .bx-tile{position:relative;display:block;cursor:pointer}\r\n.bx-root .bx-tile input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}\r\n.bx-root .bx-tile span{display:block;height:100%;border:1.5px solid #d9c9b5;border-radius:14px;padding:12px 14px;transition:.15s}\r\n.bx-root .bx-tile b{display:block;font-size:.93rem;color:var(--brown-deep)}\r\n.bx-root .bx-tile small{display:block;color:var(--muted);font-size:.8rem;line-height:1.35;margin-top:2px}\r\n.bx-root .bx-tile input:checked + span{border-color:var(--gold);background:#fdf4e4;box-shadow:0 0 0 3px rgba(201,138,62,.28)}\r\n.bx-root .bx-tile input:focus-visible + span{outline:3px solid var(--brown);outline-offset:2px}\r\n.bx-root .bx-drop{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:2px dashed #cbb59a;border-radius:16px;padding:22px 16px;background:#fdfaf5;cursor:pointer;transition:.2s;color:var(--muted);font-size:.92rem}\r\n.bx-root .bx-drop:hover,.bx-root .bx-drop.drag{border-color:var(--gold);background:#fdf3e2}\r\n.bx-root .bx-drop .bx-ico{width:34px;height:34px;color:var(--gold-deep);stroke-width:1.5}\r\n.bx-root .bx-drop b{color:var(--brown-deep);font-size:1rem}\r\n.bx-root .bx-files li{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:.9rem;background:#fff}\r\n.bx-root .bx-files li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\r\n.bx-root .bx-files li small{color:var(--muted);margin-left:8px}\r\n.bx-root .bx-files button{border:0;background:none;color:#b3261e;font-weight:700;padding:2px 6px}\r\n.bx-root .bx-check{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;cursor:pointer}\r\n.bx-root .bx-check input{width:19px;height:19px;margin:2px 0 0;accent-color:var(--brown);flex:none}\r\n.bx-root .bx-note{font-size:.82rem;color:var(--muted)}\r\n.bx-root .bx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}\r\n.bx-root .bx-m-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 30px;border-top:1px solid var(--line);background:#fbf8f3}\r\n.bx-root .bx-m-foot .bx-btn{padding:13px 26px}\r\n.bx-root .bx-linkbtn{background:none;border:0;color:var(--gold-deep);font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:6px 2px}\r\n.bx-root .bx-outline{border-color:var(--line);color:var(--brown);background:#fff}\r\n.bx-root .bx-outline:hover{border-color:var(--brown)}\r\n.bx-root .bx-result{text-align:center;display:none;justify-items:center;gap:14px;padding:30px 30px 34px}\r\n.bx-root .bx-result.on{display:grid}\r\n.bx-root .bx-result .bx-big{width:72px;height:72px;border-radius:50%;background:var(--gold);color:var(--brown-deep);display:grid;place-items:center;animation:bx-pop .5s cubic-bezier(.2,.8,.2,1) both}\r\n.bx-root .bx-result .bx-big .bx-ico{width:38px;height:38px;stroke-width:2.6}\r\n.bx-root .bx-result h3{font-family:var(--display);font-weight:800;font-size:1.7rem;letter-spacing:-.02em;color:var(--brown-deep)}\r\n.bx-root .bx-result p{color:var(--muted);max-width:46ch}\r\n.bx-root .bx-ref{display:inline-block;background:var(--sand);border-radius:10px;padding:6px 14px;font-weight:800;color:var(--brown-deep)}\r\n.bx-root .bx-result .bx-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:6px}\r\n\r\n\/* ---------- Keyframes ---------- *\/\r\n@keyframes bx-seq{to{opacity:1;transform:none}}\r\n@keyframes bx-scroll{to{transform:translateX(-100%)}}\r\n@keyframes bx-drift{to{transform:translate(-60px,40px) scale(1.15)}}\r\n@keyframes bx-float{50%{translate:0 -12px}}\r\n@keyframes bx-grow{from{transform:scaleX(0)}}\r\n@keyframes bx-ping{70%{box-shadow:0 0 0 9px rgba(31,168,85,0)}100%{box-shadow:0 0 0 0 rgba(31,168,85,0)}}\r\n@keyframes bx-pulse{50%{box-shadow:0 0 0 9px rgba(201,138,62,.05)}}\r\n@keyframes bx-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}\r\n@keyframes bx-fade{from{opacity:0}}\r\n@keyframes bx-pop{from{opacity:0;transform:translateY(18px) scale(.96)}}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:1040px){\r\n  .bx-root .bx-nav{position:fixed;left:0;right:0;top:0;padding:96px 28px 32px;background:var(--brown-deep);flex-direction:column;align-items:flex-start;gap:20px;transform:translateY(-110%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .35s;z-index:-1;border-bottom:2px solid var(--gold)}\r\n  .bx-root .bx-nav.open{transform:none;opacity:1;visibility:visible}\r\n  .bx-root .bx-nav a{font-size:1.15rem}\r\n  .bx-root .bx-burger{display:block}\r\n  .bx-root .bx-hdr .bx-btn.bx-hdr-cta{display:none}\r\n  .bx-root .bx-hero-grid{grid-template-columns:1fr}\r\n  .bx-root .bx-scene{max-width:520px;margin-inline:auto;width:100%}\r\n  .bx-root .bx-cat-grid{grid-template-columns:repeat(2,1fr)}\r\n  .bx-root .bx-why-grid,.bx-root .bx-faq{grid-template-columns:1fr}\r\n  .bx-root .bx-why-l,.bx-root .bx-faq-side{position:static}\r\n  .bx-root .bx-steps{grid-template-columns:repeat(2,1fr);row-gap:44px}\r\n  .bx-root .bx-steps::before,.bx-root .bx-steps::after{display:none}\r\n  .bx-root .bx-rev{grid-template-columns:1fr}\r\n  .bx-root .bx-quote.big{grid-row:auto}\r\n}\r\n@media (max-width:760px){\r\n  .bx-root{font-size:16px}\r\n  .bx-root .bx-topbar .bx-tb-links{display:none}\r\n  .bx-root .bx-topbar .bx-wrap{justify-content:center}\r\n  .bx-root .bx-stats{grid-template-columns:1fr 1fr}\r\n  .bx-root .bx-stat:nth-child(3){padding-left:0;border-left:0}\r\n  .bx-root .bx-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.12)}\r\n  .bx-root .bx-cat-grid,.bx-root .bx-steps,.bx-root .bx-why-list,.bx-root .bx-mk{grid-template-columns:1fr}\r\n  .bx-root .bx-mk-col,.bx-root .bx-mk-col:first-child{padding:26px 0 10px}\r\n  .bx-root .bx-mk-col + .bx-mk-col{border-left:0;border-top:1px solid var(--line)}\r\n  .bx-root .bx-hero-cta .bx-btn{width:100%}\r\n  .bx-root .bx-chip.c2{left:-6px}\r\n  .bx-root .bx-grid2,.bx-root .bx-tiles{grid-template-columns:1fr}\r\n  .bx-root .bx-modal{padding:0;align-items:flex-end}\r\n  .bx-root .bx-dialog{max-height:96vh;border-radius:24px 24px 0 0}\r\n  .bx-root .bx-m-top,.bx-root .bx-m-body,.bx-root .bx-m-foot{padding-left:20px;padding-right:20px}\r\n  .bx-root .bx-wa-float{display:none}\r\n  .bx-root .bx-mbar{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(42,24,13,.97);border-top:1px solid rgba(201,138,62,.4)}\r\n  .bx-root .bx-mbar .bx-btn{padding:13px 10px;font-size:.98rem}\r\n  .bx-page{padding-bottom:74px}\r\n  .bx-root .bx-cta .bx-cta-btns,.bx-root .bx-cta .bx-cta-btns .bx-btn{width:100%}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  html{scroll-behavior:auto}\r\n  .bx-root *,.bx-root *::before,.bx-root *::after{animation:none!important;transition:none!important}\r\n  .bx-root .bx-seq,.bx-root .bx-scene{opacity:1!important;transform:none!important}\r\n  .bx-root .bx-marquee{overflow-x:auto}\r\n  .bx-root .bx-steps::after{transform:scaleX(1)}\r\n}\r\n\r\n<\/style>\r\n<div class=\"bx-root bx-page\" id=\"bx-top\">\r\n\r\n<!-- SVG icon sprite (do not remove) -->\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\" focusable=\"false\"><defs>\r\n<symbol id=\"bx-i-tee\" viewBox=\"0 0 24 24\"><path d=\"M8 4 3 7l2.5 4L8 9.5V20h8V9.5l2.5 1.5L21 7l-5-3c-.5 1.5-2.2 2.5-4 2.5S8.5 5.5 8 4z\"\/><\/symbol>\r\n<symbol id=\"bx-i-ball\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"m12 8 3.5 2.5-1.3 4H9.8l-1.3-4zM12 8V3m3.5 7.5L20 9m-5.8 6L17 19m-7.2-4.5L7 19m1.5-8.5L4 9\"\/><\/symbol>\r\n<symbol id=\"bx-i-bag\" viewBox=\"0 0 24 24\"><path d=\"M5 9h14l1 11H4zM9 9V7a3 3 0 0 1 6 0v2\"\/><\/symbol>\r\n<symbol id=\"bx-i-box\" viewBox=\"0 0 24 24\"><path d=\"m12 3 8 4v10l-8 4-8-4V7zM4 7l8 4 8-4M12 11v10\"\/><\/symbol>\r\n<symbol id=\"bx-i-mug\" viewBox=\"0 0 24 24\"><path d=\"M5 8h11v8a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4zM16 10h2a2 2 0 0 1 0 5h-2M8 3v2M12 3v2\"\/><\/symbol>\r\n<symbol id=\"bx-i-cap\" viewBox=\"0 0 24 24\"><path d=\"M5 15a7 7 0 0 1 14 0M3 15h18c0 2-2 3-4 3H7c-2 0-4-1-4-3z\"\/><\/symbol>\r\n<symbol id=\"bx-i-spark\" viewBox=\"0 0 24 24\"><path d=\"m12 3 2 6 6 2-6 2-2 6-2-6-6-2 6-2z\"\/><\/symbol>\r\n<symbol id=\"bx-i-check\" viewBox=\"0 0 24 24\"><path d=\"m5 12.5 4.5 4.5L19 7.5\"\/><\/symbol>\r\n<symbol id=\"bx-i-truck\" viewBox=\"0 0 24 24\"><path d=\"M3 6h11v10H3zM14 9h4l3 3v4h-7\"\/><circle cx=\"7\" cy=\"18\" r=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\"\/><\/symbol>\r\n<symbol id=\"bx-i-user\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4 4-6 8-6s8 2 8 6\"\/><\/symbol>\r\n<symbol id=\"bx-i-tag\" viewBox=\"0 0 24 24\"><path d=\"M3 12V4h8l10 10-8 8z\"\/><circle cx=\"7.5\" cy=\"8.5\" r=\"1.2\"\/><\/symbol>\r\n<symbol id=\"bx-i-image\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"1.6\"\/><path d=\"m21 16-5-5-8 8\"\/><\/symbol>\r\n<symbol id=\"bx-i-shield\" viewBox=\"0 0 24 24\"><path d=\"m12 3 8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z\"\/><path d=\"m8.5 12 2.5 2.5 4.5-5\"\/><\/symbol>\r\n<symbol id=\"bx-i-layers\" viewBox=\"0 0 24 24\"><path d=\"m12 3 9 5-9 5-9-5zM3 13l9 5 9-5\"\/><\/symbol>\r\n<symbol id=\"bx-i-upload\" viewBox=\"0 0 24 24\"><path d=\"M12 16V4m0 0L7 9m5-5 5 5M4 16v4h16v-4\"\/><\/symbol>\r\n<symbol id=\"bx-i-mail\" viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/symbol>\r\n<symbol id=\"bx-i-star\" viewBox=\"0 0 24 24\"><path d=\"m12 3 2.8 5.7 6.2.9-4.5 4.4 1.1 6.2-5.6-3-5.6 3 1.1-6.2L3 9.6l6.2-.9z\"\/><\/symbol>\r\n<symbol id=\"bx-i-close\" viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6 6 18\"\/><\/symbol>\r\n<symbol id=\"bx-i-menu\" viewBox=\"0 0 24 24\"><path d=\"M4 7h16M4 12h16M4 17h16\"\/><\/symbol>\r\n<symbol id=\"bx-i-plus\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/symbol>\r\n<symbol id=\"bx-i-clock\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 2\"\/><\/symbol>\r\n<symbol id=\"bx-i-wa\" viewBox=\"0 0 24 24\"><path d=\"M20 12a8 8 0 0 1-11.9 7L4 20l1.1-4A8 8 0 1 1 20 12z\"\/><path d=\"M9.2 8.6c0 3.2 3 6 6 6l1-1.4-2-1-.9.7c-.9-.4-1.7-1.2-2.1-2.1l.7-.9-1-2z\"\/><\/symbol>\r\n<\/defs><\/svg>\r\n\r\n<!-- ============ TOP BAR ============ -->\r\n<div class=\"bx-topbar\">\r\n  <div class=\"bx-wrap\">\r\n    <span>Free design mockup within 24 hours on every quote request<\/span>\r\n    <span class=\"bx-tb-links\">\r\n      <a href=\"#\" data-mail>sales@veloroleathers.com<\/a>\r\n      <a href=\"#\" data-wa target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\r\n    <\/span>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ HEADER ============ -->\r\n\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"bx-hero\" aria-labelledby=\"bx-h1\">\r\n  <span class=\"bx-orb o1\"><\/span><span class=\"bx-orb o2\"><\/span>\r\n  <div class=\"bx-wrap\">\r\n    <div class=\"bx-hero-grid\">\r\n      <div>\r\n        <h1 class=\"bx-h1 bx-seq\" id=\"bx-h1\" style=\"--i:0\">Custom products made to your design, delivered across the USA, Canada and Europe<\/h1>\r\n        <p class=\"bx-hero-sub bx-seq\" style=\"--i:1\">Upload your artwork, see a free mockup within 24 hours, approve a sample, then get your full order shipped with tracking. Low minimums, clear pricing and one person who handles your project from start to finish.<\/p>\r\n        <div class=\"bx-hero-cta bx-seq\" style=\"--i:2\">\r\n          <button class=\"bx-btn bx-gold\" type=\"button\" data-open=\"general\">Get a free quote<\/button>\r\n          <a class=\"bx-btn bx-ghost\" href=\"#products\">Browse categories<\/a>\r\n        <\/div>\r\n        <ul class=\"bx-trust bx-seq\" style=\"--i:3\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Free mockup in 24 hours<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Sample before bulk order<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Tracked express shipping<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"bx-scene\" data-tilt=\"7\" aria-hidden=\"true\">\r\n        <div class=\"bx-3d\">\r\n          <div class=\"bx-tk-back b1\"><\/div>\r\n          <div class=\"bx-tk-back b2\"><\/div>\r\n          <div class=\"bx-tk\">\r\n            <div class=\"bx-tk-top\"><span><i class=\"bx-live\"><\/i>Sample order tracker<\/span><span>Q-2418<\/span><\/div>\r\n            <h3>Custom hoodies, 250 pieces<\/h3>\r\n            <p class=\"bx-tk-sub\">Shipping to Chicago, IL<\/p>\r\n            <ol class=\"bx-tk-steps\">\r\n              <li class=\"done\"><div>Artwork received<small>Monday, 9:14 am<\/small><\/div><\/li>\r\n              <li class=\"done\"><div>Mockup and sample approved<small>Wednesday<\/small><\/div><\/li>\r\n              <li class=\"now\"><div>In production<small>Ready in about 12 days<\/small><\/div><\/li>\r\n              <li><div>Shipped with tracking<small>Express, 4 to 6 days<\/small><\/div><\/li>\r\n            <\/ol>\r\n            <div class=\"bx-bar\"><i><\/i><\/div>\r\n          <\/div>\r\n          <span class=\"bx-chip c1\"><svg class=\"bx-ico\"><use href=\"#bx-i-image\"\/><\/svg>Mockup ready in 24h<\/span>\r\n          <span class=\"bx-chip c2\"><svg class=\"bx-ico\"><use href=\"#bx-i-shield\"\/><\/svg>Quality checked<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- EDIT the numbers below so they are true for your business -->\r\n    <div class=\"bx-stats bx-seq\" style=\"--i:5\">\r\n      <div class=\"bx-stat\"><b data-count=\"500\" data-suffix=\"+\">500+<\/b><span>Businesses served<\/span><\/div>\r\n      <div class=\"bx-stat\"><b data-count=\"30\" data-suffix=\"+\">30+<\/b><span>Countries shipped to<\/span><\/div>\r\n      <div class=\"bx-stat\"><b data-count=\"24\" data-suffix=\"h\">24h<\/b><span>Free mockup turnaround<\/span><\/div>\r\n      <div class=\"bx-stat\"><b data-count=\"98\" data-suffix=\"%\">98%<\/b><span>Orders delivered on time<\/span><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ MOVING LINE ============ -->\r\n<div class=\"bx-marquee\" aria-label=\"What you get with every order\">\r\n  <div class=\"bx-mq-track\" id=\"bx-mq\">\r\n    <ul class=\"bx-mq-list\">\r\n      <li><strong>Low minimums<\/strong>start from just 50 pieces per design<\/li>\r\n      <li><strong>Free mockup<\/strong>see your artwork on the product within 24 hours<\/li>\r\n      <li><strong>Sample first<\/strong>check fabric, color and finish before you commit<\/li>\r\n      <li><strong>Your files, exactly<\/strong>send PDF, AI, PSD, EPS, PNG or a rough sketch<\/li>\r\n      <li><strong>Fast shipping<\/strong>DHL, FedEx and UPS with tracking to the USA, Canada and Europe<\/li>\r\n      <li><strong>Quality control<\/strong>every batch inspected before it leaves our factory<\/li>\r\n      <li><strong>Your own label<\/strong>private label and custom packaging available<\/li>\r\n      <li><strong>One manager<\/strong>a single contact for your whole project<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ============ CATEGORIES ============ -->\r\n<section class=\"bx-sec bx-sec-sand\" id=\"products\" aria-labelledby=\"bx-cat-h\">\r\n  <div class=\"bx-wrap\">\r\n    <div class=\"bx-head\">\r\n      <h2 class=\"bx-h2\" id=\"bx-cat-h\">Choose a category and tell us what you need<\/h2>\r\n      <p class=\"bx-lead\">Each category opens its own quote form with the right questions, space to upload your artwork, and direct delivery of your request to our team.<\/p>\r\n    <\/div>\r\n\r\n    <!-- To use a real product photo, put its URL in data-img on the .bx-cat-vis element -->\r\n    <div class=\"bx-cat-grid\">\r\n\r\n      <article class=\"bx-cat\" data-open=\"apparel\" data-tilt=\"9\">\r\n        <div class=\"bx-cat-vis\" data-img=\"\">\r\n          <svg class=\"bx-ico bx-ghost-i\"><use href=\"#bx-i-tee\"\/><\/svg>\r\n          <svg class=\"bx-ico bx-main-i\"><use href=\"#bx-i-tee\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bx-cat-title\">Custom apparel<\/h3>\r\n        <p class=\"bx-cat-text\">T-shirts, hoodies, polos and uniforms with your print or embroidery.<\/p>\r\n        <ul class=\"bx-cat-list\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>From 50 pieces<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Print, embroidery or DTF<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Sample in 5 to 7 days<\/li>\r\n        <\/ul>\r\n        <button class=\"bx-cat-btn\" type=\"button\">Request a quote<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"bx-cat\" data-open=\"sportswear\" data-tilt=\"9\">\r\n        <div class=\"bx-cat-vis\" data-img=\"\">\r\n          <svg class=\"bx-ico bx-ghost-i\"><use href=\"#bx-i-ball\"\/><\/svg>\r\n          <svg class=\"bx-ico bx-main-i\"><use href=\"#bx-i-ball\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bx-cat-title\">Team sportswear<\/h3>\r\n        <p class=\"bx-cat-text\">Jerseys, shorts, tracksuits and training gear made for clubs and teams.<\/p>\r\n        <ul class=\"bx-cat-list\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>From 30 pieces<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Full-color sublimation<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Names and numbers included<\/li>\r\n        <\/ul>\r\n        <button class=\"bx-cat-btn\" type=\"button\">Request a quote<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"bx-cat\" data-open=\"leather\" data-tilt=\"9\">\r\n        <div class=\"bx-cat-vis\" data-img=\"\">\r\n          <svg class=\"bx-ico bx-ghost-i\"><use href=\"#bx-i-bag\"\/><\/svg>\r\n          <svg class=\"bx-ico bx-main-i\"><use href=\"#bx-i-bag\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bx-cat-title\">Leather goods<\/h3>\r\n        <p class=\"bx-cat-text\">Bags, wallets, belts and jackets in genuine or vegan leather.<\/p>\r\n        <ul class=\"bx-cat-list\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>From 25 pieces<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Embossing and hot foil<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Private label ready<\/li>\r\n        <\/ul>\r\n        <button class=\"bx-cat-btn\" type=\"button\">Request a quote<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"bx-cat\" data-open=\"packaging\" data-tilt=\"9\">\r\n        <div class=\"bx-cat-vis\" data-img=\"\">\r\n          <svg class=\"bx-ico bx-ghost-i\"><use href=\"#bx-i-box\"\/><\/svg>\r\n          <svg class=\"bx-ico bx-main-i\"><use href=\"#bx-i-box\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bx-cat-title\">Custom packaging<\/h3>\r\n        <p class=\"bx-cat-text\">Boxes, mailers, bags and labels that make your brand unforgettable.<\/p>\r\n        <ul class=\"bx-cat-list\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>From 100 pieces<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Any size and structure<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Foil, matte and gloss finishes<\/li>\r\n        <\/ul>\r\n        <button class=\"bx-cat-btn\" type=\"button\">Request a quote<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"bx-cat\" data-open=\"promo\" data-tilt=\"9\">\r\n        <div class=\"bx-cat-vis\" data-img=\"\">\r\n          <svg class=\"bx-ico bx-ghost-i\"><use href=\"#bx-i-mug\"\/><\/svg>\r\n          <svg class=\"bx-ico bx-main-i\"><use href=\"#bx-i-mug\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bx-cat-title\">Promotional merchandise<\/h3>\r\n        <p class=\"bx-cat-text\">Drinkware, totes, notebooks and gift sets for events and corporate orders.<\/p>\r\n        <ul class=\"bx-cat-list\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>From 100 pieces<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Logo print or engraving<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Bulk pricing tiers<\/li>\r\n        <\/ul>\r\n        <button class=\"bx-cat-btn\" type=\"button\">Request a quote<\/button>\r\n      <\/article>\r\n\r\n      <article class=\"bx-cat\" data-open=\"accessories\" data-tilt=\"9\">\r\n        <div class=\"bx-cat-vis\" data-img=\"\">\r\n          <svg class=\"bx-ico bx-ghost-i\"><use href=\"#bx-i-cap\"\/><\/svg>\r\n          <svg class=\"bx-ico bx-main-i\"><use href=\"#bx-i-cap\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"bx-cat-title\">Caps and accessories<\/h3>\r\n        <p class=\"bx-cat-text\">Caps, beanies, scarves, socks and patches with your branding.<\/p>\r\n        <ul class=\"bx-cat-list\">\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>From 50 pieces<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Embroidery or woven labels<\/li>\r\n          <li><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg>Matching color options<\/li>\r\n        <\/ul>\r\n        <button class=\"bx-cat-btn\" type=\"button\">Request a quote<\/button>\r\n      <\/article>\r\n\r\n    <\/div>\r\n    <p class=\"bx-cat-note\">Do not see your product? <button type=\"button\" data-open=\"general\">Send us a custom request<\/button> and we will tell you what is possible.<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ PROCESS ============ -->\r\n<section class=\"bx-sec\" id=\"process\" aria-labelledby=\"bx-pr-h\">\r\n  <div class=\"bx-wrap\">\r\n    <div class=\"bx-head\">\r\n      <h2 class=\"bx-h2\" id=\"bx-pr-h\">From your idea to your doorstep in four steps<\/h2>\r\n      <p class=\"bx-lead\">You always know what happens next. No guessing, no chasing for updates.<\/p>\r\n    <\/div>\r\n    <ol class=\"bx-steps\" id=\"bx-steps\">\r\n      <li class=\"bx-step\"><div class=\"bx-step-n\">1<\/div><h3>Send your idea<\/h3><p>Pick a category, upload your artwork or describe what you want. No design yet? Our team can help you create one.<\/p><\/li>\r\n      <li class=\"bx-step\"><div class=\"bx-step-n\">2<\/div><h3>Get a mockup and price<\/h3><p>Within 24 hours you see your design on the product, with clear pricing and a production timeline.<\/p><\/li>\r\n      <li class=\"bx-step\"><div class=\"bx-step-n\">3<\/div><h3>Approve your sample<\/h3><p>We make a physical sample so you can check the fabric, color and quality before the full run starts.<\/p><\/li>\r\n      <li class=\"bx-step\"><div class=\"bx-step-n\">4<\/div><h3>Production and delivery<\/h3><p>We produce, inspect and ship your order with tracking straight to your door or warehouse.<\/p><\/li>\r\n    <\/ol>\r\n    <div class=\"bx-process-cta\">\r\n      <button class=\"bx-btn bx-brown\" type=\"button\" data-open=\"general\">Start my quote<\/button>\r\n      <span>Takes about two minutes. No obligation.<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ WHY US ============ -->\r\n<section class=\"bx-why bx-dark bx-sec\" id=\"why\" aria-labelledby=\"bx-why-h\">\r\n  <div class=\"bx-wrap bx-why-grid\">\r\n    <div class=\"bx-why-l\">\r\n      <h2 class=\"bx-h2\" id=\"bx-why-h\">Built for buyers who come back and reorder<\/h2>\r\n      <p class=\"bx-lead\">Brands in North America and Europe choose us because we make ordering simple, keep quality consistent and deliver when we say we will.<\/p>\r\n      <div><button class=\"bx-btn bx-gold\" type=\"button\" data-open=\"general\">Talk to our team<\/button><\/div>\r\n    <\/div>\r\n    <div class=\"bx-why-list\">\r\n      <div class=\"bx-why-item\"><svg class=\"bx-ico\"><use href=\"#bx-i-layers\"\/><\/svg><h3>Low minimums<\/h3><p>Test a new design with a small first order, then scale up when it sells.<\/p><\/div>\r\n      <div class=\"bx-why-item\"><svg class=\"bx-ico\"><use href=\"#bx-i-shield\"\/><\/svg><h3>Checked at every stage<\/h3><p>Materials, stitching and finishing are inspected before your order is packed.<\/p><\/div>\r\n      <div class=\"bx-why-item\"><svg class=\"bx-ico\"><use href=\"#bx-i-image\"\/><\/svg><h3>Your artwork, exactly<\/h3><p>We match your colors and placement, and show you a mockup before we cut anything.<\/p><\/div>\r\n      <div class=\"bx-why-item\"><svg class=\"bx-ico\"><use href=\"#bx-i-truck\"\/><\/svg><h3>Fast, tracked delivery<\/h3><p>Express shipping to the USA, Canada and Europe, with updates until it arrives.<\/p><\/div>\r\n      <div class=\"bx-why-item\"><svg class=\"bx-ico\"><use href=\"#bx-i-user\"\/><\/svg><h3>One dedicated manager<\/h3><p>The same person answers your questions from first message to final delivery.<\/p><\/div>\r\n      <div class=\"bx-why-item\"><svg class=\"bx-ico\"><use href=\"#bx-i-tag\"\/><\/svg><h3>Clear, honest pricing<\/h3><p>Your quote lists every cost up front, so there are no surprises on the invoice.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ MARKETS ============ -->\r\n<section class=\"bx-sec\" id=\"markets\" aria-labelledby=\"bx-mk-h\">\r\n  <div class=\"bx-wrap\">\r\n    <div class=\"bx-head\">\r\n      <h2 class=\"bx-h2\" id=\"bx-mk-h\">Delivered where your customers are<\/h2>\r\n      <p class=\"bx-lead\">We ship worldwide and know the paperwork that North American and European buyers need.<\/p>\r\n    <\/div>\r\n    <!-- EDIT delivery times to match your real shipping partners -->\r\n    <div class=\"bx-mk\">\r\n      <div class=\"bx-mk-col\"><h3 class=\"bx-mk-name\">United States<\/h3><p class=\"bx-mk-time\">4 to 7 business days by express<\/p><p>Delivery to every state, to your home, store or Amazon FBA warehouse. Commercial invoices and HS codes are prepared for you.<\/p><\/div>\r\n      <div class=\"bx-mk-col\"><h3 class=\"bx-mk-name\">Canada<\/h3><p class=\"bx-mk-time\">5 to 8 business days by express<\/p><p>Door-to-door shipping across all provinces, with clear guidance on duties and taxes before you order.<\/p><\/div>\r\n      <div class=\"bx-mk-col\"><h3 class=\"bx-mk-name\">Europe<\/h3><p class=\"bx-mk-time\">4 to 7 business days by express<\/p><p>Shipping to the UK and all EU countries, with labeling and documents that meet local import requirements.<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ REVIEWS ============ -->\r\n<!-- IMPORTANT: The reviews below are SAMPLE TEXT. Replace them with real customer reviews before you publish. -->\r\n<section class=\"bx-sec bx-sec-sand\" id=\"reviews\" aria-labelledby=\"bx-rv-h\">\r\n  <div class=\"bx-wrap\">\r\n    <div class=\"bx-head\"><h2 class=\"bx-h2\" id=\"bx-rv-h\">What our customers say<\/h2><\/div>\r\n    <div class=\"bx-rev\">\r\n      <figure class=\"bx-quote big\">\r\n        <div>\r\n          <div class=\"bx-stars\" aria-label=\"5 out of 5 stars\"><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><\/div>\r\n          <blockquote>The mockup arrived the next morning and the sample matched it perfectly. Our first order sold out in three weeks, so we reordered.<\/blockquote>\r\n        <\/div>\r\n        <figcaption class=\"bx-who\"><b>Customer name<\/b><span>Founder, brand name, city<\/span><\/figcaption>\r\n      <\/figure>\r\n      <figure class=\"bx-quote\">\r\n        <div class=\"bx-stars\" aria-label=\"5 out of 5 stars\"><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><\/div>\r\n        <blockquote>Clear pricing, quick answers and shipping that arrived before the date we were promised.<\/blockquote>\r\n        <figcaption class=\"bx-who\"><b>Customer name<\/b><span>Purchasing manager, company, city<\/span><\/figcaption>\r\n      <\/figure>\r\n      <figure class=\"bx-quote\">\r\n        <div class=\"bx-stars\" aria-label=\"5 out of 5 stars\"><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><svg class=\"bx-ico bx-star\"><use href=\"#bx-i-star\"\/><\/svg><\/div>\r\n        <blockquote>They helped us fix our artwork files and the finished quality was better than we expected.<\/blockquote>\r\n        <figcaption class=\"bx-who\"><b>Customer name<\/b><span>Club coordinator, team name, city<\/span><\/figcaption>\r\n      <\/figure>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FAQ ============ -->\r\n<section class=\"bx-sec\" id=\"faq\" aria-labelledby=\"bx-fq-h\">\r\n  <div class=\"bx-wrap bx-faq\">\r\n    <div class=\"bx-faq-side\">\r\n      <h2 class=\"bx-h2\" id=\"bx-fq-h\">Questions buyers ask before ordering<\/h2>\r\n      <p class=\"bx-lead\">Cannot find your answer? Message us and we will reply within one business day.<\/p>\r\n      <div style=\"display:flex;flex-wrap:wrap;gap:12px\">\r\n        <a class=\"bx-btn bx-wa\" href=\"#\" data-wa target=\"_blank\" rel=\"noopener\"><svg class=\"bx-ico\"><use href=\"#bx-i-wa\"\/><\/svg>WhatsApp us<\/a>\r\n        <button class=\"bx-btn bx-outline\" type=\"button\" data-open=\"general\">Send a request<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div>\r\n      <details class=\"bx-faq-item\" open><summary>What is your minimum order quantity?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">Minimums depend on the product. Most categories start between 25 and 100 pieces per design. Choose a category above and the quote form shows the typical minimum.<\/div><\/details>\r\n      <details class=\"bx-faq-item\"><summary>Can I upload my own design, and which file formats work?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">Yes. You can upload PNG, JPG, PDF, AI, EPS, PSD, SVG or ZIP files in the quote form. A rough sketch or photo is fine too, and our team will prepare production-ready artwork.<\/div><\/details>\r\n      <details class=\"bx-faq-item\"><summary>Can you design it for me if I do not have artwork?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">Yes. Choose \"Please help me design\" in the form, describe your idea, and we will send a mockup for your approval before anything is produced.<\/div><\/details>\r\n      <details class=\"bx-faq-item\"><summary>How long do production and shipping take?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">Samples usually take 5 to 7 days. Bulk production is typically 2 to 4 weeks depending on quantity. Express shipping to the USA, Canada and Europe then takes about 4 to 8 business days.<\/div><\/details>\r\n      <details class=\"bx-faq-item\"><summary>Do you make a sample before the full order?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">Yes. We recommend a sample for every new design so you can check the material, color and quality. Tick \"I want a sample first\" in the form and we will include the sample price in your quote.<\/div><\/details>\r\n      <details class=\"bx-faq-item\"><summary>How do I pay, and is it secure?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">After you approve the quote we send a secure invoice. We accept bank transfer, card and PayPal. Production starts once the deposit is received.<\/div><\/details>\r\n      <details class=\"bx-faq-item\"><summary>Who pays customs duties and import taxes?<svg class=\"bx-ico\"><use href=\"#bx-i-plus\"\/><\/svg><\/summary><div class=\"bx-faq-a\">Your quote shows both options: delivered duty paid, where we handle everything, or ex-works, where duties are billed on arrival. We explain the difference and help you choose.<\/div><\/details>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ FINAL CTA ============ -->\r\n<section class=\"bx-cta\" aria-labelledby=\"bx-cta-h\">\r\n  <div class=\"bx-wrap\">\r\n    <div>\r\n      <h2 class=\"bx-h2\" id=\"bx-cta-h\">See your design on the product before you pay<\/h2>\r\n      <p>Send your request now. You will get a free mockup and a clear quote within 24 hours.<\/p>\r\n    <\/div>\r\n    <div class=\"bx-cta-btns\">\r\n      <button class=\"bx-btn bx-gold\" type=\"button\" data-open=\"general\">Get my free mockup<\/button>\r\n      <a class=\"bx-btn bx-ghost\" href=\"#\" data-wa target=\"_blank\" rel=\"noopener\"><svg class=\"bx-ico\"><use href=\"#bx-i-wa\"\/><\/svg>Chat on WhatsApp<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Floating WhatsApp + mobile action bar -->\r\n<a class=\"bx-wa-float\" href=\"#\" data-wa target=\"_blank\" rel=\"noopener\" aria-label=\"Chat on WhatsApp\"><svg class=\"bx-ico\"><use href=\"#bx-i-wa\"\/><\/svg><\/a>\r\n<div class=\"bx-mbar\">\r\n  <button class=\"bx-btn bx-gold\" type=\"button\" data-open=\"general\">Get a free quote<\/button>\r\n  <a class=\"bx-btn bx-wa\" href=\"#\" data-wa target=\"_blank\" rel=\"noopener\"><svg class=\"bx-ico\"><use href=\"#bx-i-wa\"\/><\/svg>WhatsApp<\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- ============ QUOTE FORM (modal) ============ -->\r\n<div class=\"bx-root\" id=\"bx-modal-root\">\r\n<div class=\"bx-modal\" id=\"bx-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"bx-m-title\" aria-hidden=\"true\">\r\n  <div class=\"bx-back\" data-close><\/div>\r\n  <div class=\"bx-dialog\">\r\n    <div class=\"bx-m-top\">\r\n      <h2 id=\"bx-m-title\">Request a free quote<\/h2>\r\n      <p id=\"bx-m-sub\">Tell us about your project. We reply within 24 hours.<\/p>\r\n      <button class=\"bx-m-close\" type=\"button\" data-close aria-label=\"Close form\"><svg class=\"bx-ico\"><use href=\"#bx-i-close\"\/><\/svg><\/button>\r\n      <div class=\"bx-prog\" aria-hidden=\"true\"><i class=\"on\"><\/i><i><\/i><\/div>\r\n    <\/div>\r\n\r\n    <form id=\"bx-form\" novalidate autocomplete=\"on\" style=\"display:contents\">\r\n      <div class=\"bx-m-body\">\r\n        <input class=\"bx-hp\" type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\r\n\r\n        <!-- STEP 1 -->\r\n        <div class=\"bx-pane on\" data-pane=\"1\">\r\n          <div class=\"bx-grid2\">\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-cat-sel\">Category <em>*<\/em><\/label><select class=\"bx-input\" id=\"bx-cat-sel\" name=\"category\"><\/select><\/div>\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-type\">Product type <em>*<\/em><\/label><select class=\"bx-input\" id=\"bx-type\" name=\"product_type\"><\/select><\/div>\r\n          <\/div>\r\n          <div class=\"bx-grid2\">\r\n            <div class=\"bx-field\" id=\"bx-extra-wrap\"><label class=\"bx-label\" for=\"bx-extra\" id=\"bx-extra-label\">Decoration method<\/label><select class=\"bx-input\" id=\"bx-extra\" name=\"extra_value\"><\/select><input type=\"hidden\" name=\"extra_label\" id=\"bx-extra-lab\"><\/div>\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-qty\">Quantity <em>*<\/em> <small id=\"bx-moq\"><\/small><\/label><input class=\"bx-input\" id=\"bx-qty\" name=\"quantity\" type=\"number\" min=\"1\" inputmode=\"numeric\" placeholder=\"For example 200\"><\/div>\r\n          <\/div>\r\n          <div class=\"bx-field\">\r\n            <span class=\"bx-label\" id=\"bx-ds-l\">Do you have a design? <em>*<\/em><\/span>\r\n            <div class=\"bx-tiles\" role=\"radiogroup\" aria-labelledby=\"bx-ds-l\">\r\n              <label class=\"bx-tile\"><input type=\"radio\" name=\"design_status\" value=\"I have my design ready\" checked><span><b>I have my design<\/b><small>Logo, artwork or files<\/small><\/span><\/label>\r\n              <label class=\"bx-tile\"><input type=\"radio\" name=\"design_status\" value=\"I have a rough idea or sketch\"><span><b>I have an idea<\/b><small>Sketch, photo or reference<\/small><\/span><\/label>\r\n              <label class=\"bx-tile\"><input type=\"radio\" name=\"design_status\" value=\"Please help me design it\"><span><b>Help me design it<\/b><small>Your team creates it<\/small><\/span><\/label>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"bx-field\">\r\n            <span class=\"bx-label\">Upload your design or reference <small>(optional)<\/small><\/span>\r\n            <label class=\"bx-drop\" id=\"bx-drop\" for=\"bx-file\" tabindex=\"0\" role=\"button\">\r\n              <svg class=\"bx-ico\"><use href=\"#bx-i-upload\"\/><\/svg>\r\n              <b>Drag files here or click to browse<\/b>\r\n              <span>PNG, JPG, PDF, AI, EPS, PSD, SVG or ZIP. Up to <span id=\"bx-lim-files\">5<\/span> files, <span id=\"bx-lim-mb\">8<\/span> MB each.<\/span>\r\n            <\/label>\r\n            <input type=\"file\" id=\"bx-file\" multiple hidden accept=\".jpg,.jpeg,.png,.webp,.gif,.pdf,.ai,.eps,.psd,.svg,.zip,.doc,.docx\">\r\n            <ul class=\"bx-files\" id=\"bx-files\"><\/ul>\r\n            <div class=\"bx-err\" id=\"bx-file-err\" role=\"alert\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 2 -->\r\n        <div class=\"bx-pane\" data-pane=\"2\">\r\n          <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-specs\">Sizes, colors and details <small>(optional)<\/small><\/label><textarea class=\"bx-input\" id=\"bx-specs\" name=\"specs\" placeholder=\"For example: sizes S to XL, black and gold, logo on the chest and back\"><\/textarea><\/div>\r\n          <div class=\"bx-grid2\">\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-deadline\">When do you need it?<\/label>\r\n              <select class=\"bx-input\" id=\"bx-deadline\" name=\"deadline\"><option>As soon as possible<\/option><option>Within 2 to 4 weeks<\/option><option>Within 1 to 2 months<\/option><option>I am flexible<\/option><\/select><\/div>\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-reply\">Best way to reply<\/label>\r\n              <select class=\"bx-input\" id=\"bx-reply\" name=\"reply_via\"><option>Email<\/option><option>WhatsApp<\/option><option>Phone call<\/option><\/select><\/div>\r\n          <\/div>\r\n          <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-questions\">Questions for our team <small>(optional)<\/small><\/label><textarea class=\"bx-input\" id=\"bx-questions\" name=\"questions\" placeholder=\"Ask about prices, materials, shipping, samples or anything else\"><\/textarea><\/div>\r\n          <label class=\"bx-check\"><input type=\"checkbox\" name=\"sample\" value=\"Yes\"><span>I want a sample first before the full order<\/span><\/label>\r\n          <div class=\"bx-grid2\">\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-name\">Full name <em>*<\/em><\/label><input class=\"bx-input\" id=\"bx-name\" name=\"name\" type=\"text\" autocomplete=\"name\"><\/div>\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-email\">Email <em>*<\/em><\/label><input class=\"bx-input\" id=\"bx-email\" name=\"email\" type=\"email\" autocomplete=\"email\"><\/div>\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-phone\">WhatsApp or phone <small>(with country code)<\/small><\/label><input class=\"bx-input\" id=\"bx-phone\" name=\"phone\" type=\"tel\" autocomplete=\"tel\" placeholder=\"+1 555 123 4567\"><\/div>\r\n            <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-country\">Country <em>*<\/em><\/label>\r\n              <select class=\"bx-input\" id=\"bx-country\" name=\"country\" autocomplete=\"country-name\"><option value=\"\">Select your country<\/option><option>United States<\/option><option>Canada<\/option><option>United Kingdom<\/option><option>Germany<\/option><option>France<\/option><option>Italy<\/option><option>Spain<\/option><option>Netherlands<\/option><option>Belgium<\/option><option>Ireland<\/option><option>Sweden<\/option><option>Denmark<\/option><option>Poland<\/option><option>Other in Europe<\/option><option>Other country<\/option><\/select><\/div>\r\n          <\/div>\r\n          <div class=\"bx-field\"><label class=\"bx-label\" for=\"bx-company\">Company or brand name <small>(optional)<\/small><\/label><input class=\"bx-input\" id=\"bx-company\" name=\"company\" type=\"text\" autocomplete=\"organization\"><\/div>\r\n          <p class=\"bx-note\">We only use your details to answer this request. We never share them.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"bx-m-foot\" id=\"bx-foot\">\r\n        <button class=\"bx-btn bx-outline\" type=\"button\" id=\"bx-back\" style=\"visibility:hidden\">Back<\/button>\r\n        <div style=\"display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end\">\r\n          <button class=\"bx-linkbtn\" type=\"button\" id=\"bx-wa-send\" style=\"display:none\">Send by WhatsApp instead<\/button>\r\n          <button class=\"bx-btn bx-gold\" type=\"button\" id=\"bx-next\">Continue<\/button>\r\n          <button class=\"bx-btn bx-gold\" type=\"submit\" id=\"bx-submit\" style=\"display:none\">Send my request<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/form>\r\n\r\n    <!-- RESULT -->\r\n    <div class=\"bx-result\" id=\"bx-ok\">\r\n      <div class=\"bx-big\"><svg class=\"bx-ico\"><use href=\"#bx-i-check\"\/><\/svg><\/div>\r\n      <h3>Request received<\/h3>\r\n      <p>Thank you. Your reference is <span class=\"bx-ref\" id=\"bx-ref\"><\/span>. Our team will send your mockup and quote within 24 hours. A confirmation is on its way to your email.<\/p>\r\n      <p>Want a faster reply? Send us a short message on WhatsApp and we will pick it up right away.<\/p>\r\n      <div class=\"bx-row\">\r\n        <a class=\"bx-btn bx-wa\" id=\"bx-wa-after\" href=\"#\" target=\"_blank\" rel=\"noopener\"><svg class=\"bx-ico\"><use href=\"#bx-i-wa\"\/><\/svg>Continue on WhatsApp<\/a>\r\n        <button class=\"bx-btn bx-outline\" type=\"button\" data-close>Close<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"bx-result\" id=\"bx-fail\">\r\n      <div class=\"bx-big\" style=\"background:#f6d9d5;color:#8c1d15\"><svg class=\"bx-ico\"><use href=\"#bx-i-close\"\/><\/svg><\/div>\r\n      <h3>We could not send your request<\/h3>\r\n      <p id=\"bx-fail-msg\">Something went wrong on our side. Your details are safe in this window, so nothing is lost. Please send them by WhatsApp or email instead.<\/p>\r\n      <div class=\"bx-row\">\r\n        <a class=\"bx-btn bx-wa\" id=\"bx-wa-fail\" href=\"#\" target=\"_blank\" rel=\"noopener\"><svg class=\"bx-ico\"><use href=\"#bx-i-wa\"\/><\/svg>Send by WhatsApp<\/a>\r\n        <a class=\"bx-btn bx-outline\" id=\"bx-mail-fail\" href=\"#\">Send by email<\/a>\r\n        <button class=\"bx-btn bx-outline\" type=\"button\" id=\"bx-retry\">Try again<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"Organization\",\"name\":\"YourBrand\",\"url\":\"https:\/\/yourdomain.com\",\"logo\":\"https:\/\/yourdomain.com\/wp-content\/uploads\/logo.png\",\"email\":\"sales@yourdomain.com\",\"description\":\"Custom manufacturer serving businesses in the USA, Canada and Europe with low minimums, free mockups and tracked shipping.\",\"areaServed\":[\"US\",\"CA\",\"GB\",\"DE\",\"FR\",\"IT\",\"ES\",\"NL\"],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"sales\",\"email\":\"sales@yourdomain.com\",\"availableLanguage\":[\"English\"]}}\r\n<\/script>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* ==========================================================\r\n     1) SETTINGS: change only this block for your business\r\n     ========================================================== *\/\r\n  var CONFIG = {\r\n    brand: 'Veloro Leathers',\r\n    whatsapp: '17037919298',        \/\/ digits only, with country code, no + or spaces\r\n    email: 'sales@veloroleathers.com',\r\n    ajaxUrl: '',                     \/\/ leave empty: auto-detected (\/wp-admin\/admin-ajax.php)\r\n    maxFiles: 5,\r\n    maxFileMB: 8,\r\n    maxTotalMB: 15,\r\n    ext: ['jpg', 'jpeg', 'png', 'webp', 'gif', 'pdf', 'ai', 'eps', 'psd', 'svg', 'zip', 'doc', 'docx']\r\n  };\r\n\r\n  \/* Category list: the key must match data-open=\"...\" on each card *\/\r\n  var CATS = {\r\n    apparel: {\r\n      name: 'Custom apparel', moq: '50 pieces',\r\n      types: ['T-shirts', 'Hoodies and sweatshirts', 'Polo shirts', 'Jackets', 'Uniforms and workwear', 'Other apparel'],\r\n      extraLabel: 'Decoration method',\r\n      extra: ['Screen printing', 'Embroidery', 'Sublimation', 'DTF or heat transfer', 'Not sure yet']\r\n    },\r\n    sportswear: {\r\n      name: 'Team sportswear', moq: '30 pieces',\r\n      types: ['Team jerseys', 'Shorts', 'Tracksuits', 'Training gear', 'Balls and equipment', 'Other sportswear'],\r\n      extraLabel: 'Customization',\r\n      extra: ['Full-color sublimation', 'Embroidery', 'Heat transfer', 'Not sure yet']\r\n    },\r\n    leather: {\r\n      name: 'Leather goods', moq: '25 pieces',\r\n      types: ['Bags and totes', 'Wallets', 'Belts', 'Jackets', 'Gloves', 'Other leather goods'],\r\n      extraLabel: 'Material',\r\n      extra: ['Full-grain leather', 'Genuine leather', 'Vegan leather', 'Suede', 'Not sure yet']\r\n    },\r\n    packaging: {\r\n      name: 'Custom packaging', moq: '100 pieces',\r\n      types: ['Shipping boxes', 'Retail boxes', 'Paper bags', 'Labels and stickers', 'Custom inserts', 'Other packaging'],\r\n      extraLabel: 'Material and finish',\r\n      extra: ['Kraft paper', 'Rigid box', 'Corrugated', 'Matte lamination', 'Foil stamping', 'Not sure yet']\r\n    },\r\n    promo: {\r\n      name: 'Promotional merchandise', moq: '100 pieces',\r\n      types: ['Mugs and drinkware', 'Tote bags', 'Notebooks', 'Keychains', 'Gift sets', 'Other merchandise'],\r\n      extraLabel: 'Branding method',\r\n      extra: ['Screen print', 'Laser engraving', 'Embossing', 'Full-color print', 'Not sure yet']\r\n    },\r\n    accessories: {\r\n      name: 'Caps and accessories', moq: '50 pieces',\r\n      types: ['Caps and hats', 'Beanies', 'Scarves', 'Socks', 'Patches and badges', 'Other accessories'],\r\n      extraLabel: 'Branding method',\r\n      extra: ['Embroidery', 'Woven label', 'Printed', 'Not sure yet']\r\n    },\r\n    general: {\r\n      name: 'Other or not sure', moq: '',\r\n      types: ['Something else (describe it in the next step)'],\r\n      extraLabel: '', extra: null\r\n    }\r\n  };\r\n\r\n  \/* ==========================================================\r\n     2) Helpers\r\n     ========================================================== *\/\r\n  var $ = function (s, c) { return (c || document).querySelector(s); };\r\n  var $$ = function (s, c) { return Array.prototype.slice.call((c || document).querySelectorAll(s)); };\r\n  var reduce = window.matchMedia && matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var fine = window.matchMedia && matchMedia('(hover: hover) and (pointer: fine)').matches;\r\n\r\n  function detectAjax() {\r\n    if (CONFIG.ajaxUrl) return CONFIG.ajaxUrl;\r\n    var l = $('link[rel=\"https:\/\/api.w.org\/\"]');\r\n    if (l && l.href) {\r\n      var m = l.href.match(\/^(.*?)(?:wp-json|\\?rest_route=)\/);\r\n      if (m) return m[1] + 'wp-admin\/admin-ajax.php';\r\n    }\r\n    return '\/wp-admin\/admin-ajax.php';\r\n  }\r\n\r\n  \/* contact links *\/\r\n  $$('[data-wa]').forEach(function (a) {\r\n    a.href = 'https:\/\/wa.me\/' + CONFIG.whatsapp + '?text=' + encodeURIComponent('Hello ' + CONFIG.brand + ', I would like to ask about a custom order.');\r\n  });\r\n  $$('[data-mail]').forEach(function (a) { a.href = 'mailto:' + CONFIG.email; a.textContent = CONFIG.email; });\r\n\r\n  \/* mobile menu *\/\r\n  var burger = $('#bx-burger'), nav = $('#bx-nav');\r\n  if (burger && nav) {\r\n    burger.addEventListener('click', function () {\r\n      var open = nav.classList.toggle('open');\r\n      burger.setAttribute('aria-expanded', open ? 'true' : 'false');\r\n    });\r\n    $$('a', nav).forEach(function (a) {\r\n      a.addEventListener('click', function () { nav.classList.remove('open'); burger.setAttribute('aria-expanded', 'false'); });\r\n    });\r\n  }\r\n\r\n  \/* moving line: clone list for a seamless loop *\/\r\n  var mq = $('#bx-mq');\r\n  if (mq) {\r\n    var list = $('.bx-mq-list', mq);\r\n    var clone = list.cloneNode(true);\r\n    clone.setAttribute('aria-hidden', 'true');\r\n    mq.appendChild(clone);\r\n  }\r\n\r\n  \/* optional real product photos on category cards *\/\r\n  $$('.bx-cat-vis').forEach(function (v) {\r\n    var u = v.getAttribute('data-img');\r\n    if (u) { v.style.backgroundImage = 'url(\"' + u + '\")'; v.classList.add('has-img'); }\r\n  });\r\n\r\n  \/* 3D tilt (mouse devices only) *\/\r\n  function tilt(el) {\r\n    var max = parseFloat(el.getAttribute('data-tilt')) || 8, raf = 0;\r\n    el.addEventListener('pointermove', function (e) {\r\n      if (e.pointerType === 'touch') return;\r\n      var r = el.getBoundingClientRect();\r\n      var x = (e.clientX - r.left) \/ r.width, y = (e.clientY - r.top) \/ r.height;\r\n      cancelAnimationFrame(raf);\r\n      raf = requestAnimationFrame(function () {\r\n        el.classList.remove('bx-rest');\r\n        el.style.setProperty('--ry', ((x - 0.5) * 2 * max).toFixed(2) + 'deg');\r\n        el.style.setProperty('--rx', ((0.5 - y) * 2 * max).toFixed(2) + 'deg');\r\n        el.style.setProperty('--mx', (x * 100).toFixed(1) + '%');\r\n        el.style.setProperty('--my', (y * 100).toFixed(1) + '%');\r\n      });\r\n    });\r\n    el.addEventListener('pointerleave', function () {\r\n      cancelAnimationFrame(raf);\r\n      el.classList.add('bx-rest');\r\n      el.style.setProperty('--rx', '0deg');\r\n      el.style.setProperty('--ry', '0deg');\r\n    });\r\n  }\r\n  if (fine && !reduce) $$('[data-tilt]').forEach(tilt);\r\n\r\n  \/* counters + process line when visible *\/\r\n  function countUp(el) {\r\n    var end = parseFloat(el.getAttribute('data-count')), suf = el.getAttribute('data-suffix') || '', t0 = null, dur = 1600;\r\n    function step(t) {\r\n      if (!t0) t0 = t;\r\n      var p = Math.min((t - t0) \/ dur, 1);\r\n      el.textContent = Math.round(end * (1 - Math.pow(1 - p, 3))) + suf;\r\n      if (p < 1) requestAnimationFrame(step);\r\n    }\r\n    el.textContent = '0' + suf;\r\n    requestAnimationFrame(step);\r\n  }\r\n  if ('IntersectionObserver' in window && !reduce) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (en) {\r\n        if (!en.isIntersecting) return;\r\n        if (en.target.classList.contains('bx-stats')) $$('[data-count]', en.target).forEach(countUp);\r\n        if (en.target.id === 'bx-steps') en.target.classList.add('in');\r\n        io.unobserve(en.target);\r\n      });\r\n    }, { threshold: 0.35 });\r\n    var st = $('.bx-stats'); if (st) io.observe(st);\r\n    var sp = $('#bx-steps'); if (sp) io.observe(sp);\r\n  } else {\r\n    var sp2 = $('#bx-steps'); if (sp2) sp2.classList.add('in');\r\n  }\r\n\r\n  \/* FAQ structured data (built from the visible FAQ so both always match) *\/\r\n  (function () {\r\n    var items = $$('.bx-faq-item').map(function (d) {\r\n      return {\r\n        '@type': 'Question',\r\n        name: $('summary', d).textContent.trim(),\r\n        acceptedAnswer: { '@type': 'Answer', text: $('.bx-faq-a', d).textContent.trim() }\r\n      };\r\n    });\r\n    if (!items.length) return;\r\n    var s = document.createElement('script');\r\n    s.type = 'application\/ld+json';\r\n    s.text = JSON.stringify({ '@context': 'https:\/\/schema.org', '@type': 'FAQPage', mainEntity: items });\r\n    document.head.appendChild(s);\r\n  })();\r\n\r\n  \/* ==========================================================\r\n     3) Quote form (modal)\r\n     ========================================================== *\/\r\n  var modalRoot = $('#bx-modal-root'), modal = $('#bx-modal'), form = $('#bx-form');\r\n  if (!modal || !form) return;\r\n  document.body.appendChild(modalRoot); \/\/ keeps position:fixed reliable inside any theme\r\n\r\n  var catSel = $('#bx-cat-sel'), typeSel = $('#bx-type'), extraSel = $('#bx-extra'),\r\n      extraWrap = $('#bx-extra-wrap'), extraLbl = $('#bx-extra-label'), extraHidden = $('#bx-extra-lab'),\r\n      moqEl = $('#bx-moq'), titleEl = $('#bx-m-title'), subEl = $('#bx-m-sub'),\r\n      panes = $$('.bx-pane', modal), progBars = $$('.bx-prog i', modal),\r\n      backBtn = $('#bx-back'), nextBtn = $('#bx-next'), submitBtn = $('#bx-submit'), waBtn = $('#bx-wa-send'),\r\n      foot = $('#bx-foot'), progEl = $('.bx-prog', modal), body = $('.bx-m-body', modal),\r\n      okBox = $('#bx-ok'), failBox = $('#bx-fail'),\r\n      drop = $('#bx-drop'), fileInput = $('#bx-file'), fileList = $('#bx-files'), fileErr = $('#bx-file-err');\r\n\r\n  var step = 1, files = [], openedAt = 0, lastFocus = null, prevOverflow = '';\r\n\r\n  $('#bx-lim-files').textContent = CONFIG.maxFiles;\r\n  $('#bx-lim-mb').textContent = CONFIG.maxFileMB;\r\n\r\n  Object.keys(CATS).forEach(function (k) {\r\n    var o = document.createElement('option');\r\n    o.value = k; o.textContent = CATS[k].name;\r\n    catSel.appendChild(o);\r\n  });\r\n\r\n  function fill(sel, arr) {\r\n    sel.innerHTML = '';\r\n    (arr || []).forEach(function (t) {\r\n      var o = document.createElement('option'); o.value = t; o.textContent = t; sel.appendChild(o);\r\n    });\r\n  }\r\n\r\n  function setCat(slug) {\r\n    var c = CATS[slug] || CATS.general;\r\n    if (!CATS[slug]) slug = 'general';\r\n    catSel.value = slug;\r\n    fill(typeSel, c.types);\r\n    if (c.extra) {\r\n      extraWrap.style.display = '';\r\n      extraLbl.textContent = c.extraLabel;\r\n      extraHidden.value = c.extraLabel;\r\n      fill(extraSel, c.extra);\r\n    } else {\r\n      extraWrap.style.display = 'none';\r\n      extraSel.innerHTML = '';\r\n      extraHidden.value = '';\r\n    }\r\n    moqEl.textContent = c.moq ? '(typical minimum ' + c.moq + ')' : '';\r\n    titleEl.textContent = slug === 'general' ? 'Request a free quote' : 'Quote request: ' + c.name;\r\n  }\r\n  catSel.addEventListener('change', function () { setCat(catSel.value); });\r\n\r\n  function goStep(n) {\r\n    step = n;\r\n    panes.forEach(function (p) { p.classList.toggle('on', p.getAttribute('data-pane') === String(n)); });\r\n    progBars.forEach(function (b, i) { b.classList.toggle('on', i < n); });\r\n    backBtn.style.visibility = n === 1 ? 'hidden' : 'visible';\r\n    nextBtn.style.display = n === 1 ? '' : 'none';\r\n    submitBtn.style.display = n === 2 ? '' : 'none';\r\n    waBtn.style.display = n === 2 ? '' : 'none';\r\n    subEl.textContent = n === 1 ? 'Step 1 of 2: your project' : 'Step 2 of 2: details and contact. We reply within 24 hours.';\r\n    body.scrollTop = 0;\r\n  }\r\n\r\n  function showForm() {\r\n    form.style.display = 'contents';\r\n    progEl.style.display = '';\r\n    okBox.classList.remove('on');\r\n    failBox.classList.remove('on');\r\n  }\r\n  function showResult(box) {\r\n    form.style.display = 'none';\r\n    progEl.style.display = 'none';\r\n    okBox.classList.remove('on'); failBox.classList.remove('on');\r\n    box.classList.add('on');\r\n    subEl.textContent = '';\r\n  }\r\n\r\n  \/* open \/ close *\/\r\n  function focusables() {\r\n    return $$('a[href],button:not([disabled]),input:not([type=hidden]):not(.bx-hp),select,textarea,[tabindex=\"0\"]', modal)\r\n      .filter(function (el) { return el.offsetParent !== null; });\r\n  }\r\n  function openModal(slug) {\r\n    lastFocus = document.activeElement;\r\n    showForm();\r\n    setCat(slug || 'general');\r\n    goStep(1);\r\n    clearErrors();\r\n    openedAt = Date.now();\r\n    modal.classList.add('open');\r\n    modal.setAttribute('aria-hidden', 'false');\r\n    prevOverflow = document.documentElement.style.overflow;\r\n    document.documentElement.style.overflow = 'hidden';\r\n    setTimeout(function () { var q = $('#bx-qty'); if (q) q.focus(); }, 60);\r\n  }\r\n  function closeModal() {\r\n    modal.classList.remove('open');\r\n    modal.setAttribute('aria-hidden', 'true');\r\n    document.documentElement.style.overflow = prevOverflow;\r\n    if (lastFocus && lastFocus.focus) lastFocus.focus();\r\n  }\r\n  document.addEventListener('click', function (e) {\r\n    var t = e.target.closest ? e.target.closest('[data-open]') : null;\r\n    if (t) { e.preventDefault(); openModal(t.getAttribute('data-open')); return; }\r\n    if (e.target.closest && e.target.closest('[data-close]')) closeModal();\r\n  });\r\n  document.addEventListener('keydown', function (e) {\r\n    if (!modal.classList.contains('open')) return;\r\n    if (e.key === 'Escape') { closeModal(); return; }\r\n    if (e.key === 'Tab') {\r\n      var f = focusables(); if (!f.length) return;\r\n      var first = f[0], last = f[f.length - 1];\r\n      if (e.shiftKey && document.activeElement === first) { e.preventDefault(); last.focus(); }\r\n      else if (!e.shiftKey && document.activeElement === last) { e.preventDefault(); first.focus(); }\r\n    }\r\n  });\r\n  var hm = location.hash.match(\/^#quote(?:-([a-z]+))?$\/i);\r\n  if (hm) setTimeout(function () { openModal(hm[1] && CATS[hm[1]] ? hm[1] : 'general'); }, 400);\r\n\r\n  \/* validation *\/\r\n  function clearErrors() {\r\n    $$('.err', modal).forEach(function (el) { el.classList.remove('err'); });\r\n    $$('.bx-err[data-gen]', modal).forEach(function (el) { el.parentNode.removeChild(el); });\r\n  }\r\n  function bad(el, msg) {\r\n    el.classList.add('err');\r\n    var d = document.createElement('div');\r\n    d.className = 'bx-err'; d.setAttribute('data-gen', '1'); d.setAttribute('role', 'alert'); d.textContent = msg;\r\n    el.parentNode.appendChild(d);\r\n    return el;\r\n  }\r\n  function validate(n) {\r\n    clearErrors();\r\n    var first = null;\r\n    function mark(el, msg) { var x = bad(el, msg); if (!first) first = x; }\r\n    if (n === 1) {\r\n      var q = $('#bx-qty');\r\n      if (!q.value || parseInt(q.value, 10) < 1) mark(q, 'Enter how many pieces you need.');\r\n    } else {\r\n      var nm = $('#bx-name'), em = $('#bx-email'), co = $('#bx-country');\r\n      if (!nm.value.trim()) mark(nm, 'Enter your name.');\r\n      if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\/.test(em.value.trim())) mark(em, 'Enter a valid email address.');\r\n      if (!co.value) mark(co, 'Select your country.');\r\n    }\r\n    if (first) first.focus();\r\n    return !first;\r\n  }\r\n\r\n  nextBtn.addEventListener('click', function () { if (validate(1)) goStep(2); });\r\n  backBtn.addEventListener('click', function () { goStep(1); });\r\n\r\n  \/* files *\/\r\n  function fmtSize(b) { return b > 1048576 ? (b \/ 1048576).toFixed(1) + ' MB' : Math.max(1, Math.round(b \/ 1024)) + ' KB'; }\r\n  function renderFiles() {\r\n    fileList.innerHTML = '';\r\n    files.forEach(function (f, i) {\r\n      var li = document.createElement('li');\r\n      var s = document.createElement('span'); s.textContent = f.name;\r\n      var sm = document.createElement('small'); sm.textContent = fmtSize(f.size); s.appendChild(sm);\r\n      var b = document.createElement('button'); b.type = 'button'; b.textContent = 'Remove'; b.setAttribute('data-rm', i);\r\n      b.setAttribute('aria-label', 'Remove ' + f.name);\r\n      li.appendChild(s); li.appendChild(b); fileList.appendChild(li);\r\n    });\r\n  }\r\n  function addFiles(list) {\r\n    var err = '';\r\n    Array.prototype.forEach.call(list, function (f) {\r\n      var ext = (f.name.split('.').pop() || '').toLowerCase();\r\n      var total = files.reduce(function (a, x) { return a + x.size; }, 0) + f.size;\r\n      if (CONFIG.ext.indexOf(ext) < 0) { err = '\"' + f.name + '\" is not a supported file type.'; return; }\r\n      if (f.size > CONFIG.maxFileMB * 1048576) { err = '\"' + f.name + '\" is larger than ' + CONFIG.maxFileMB + ' MB. Send big files by WhatsApp or email.'; return; }\r\n      if (files.length >= CONFIG.maxFiles) { err = 'You can upload up to ' + CONFIG.maxFiles + ' files.'; return; }\r\n      if (total > CONFIG.maxTotalMB * 1048576) { err = 'Total upload size is limited to ' + CONFIG.maxTotalMB + ' MB.'; return; }\r\n      files.push(f);\r\n    });\r\n    fileErr.textContent = err;\r\n    renderFiles();\r\n  }\r\n  fileInput.addEventListener('change', function () { addFiles(fileInput.files); fileInput.value = ''; });\r\n  fileList.addEventListener('click', function (e) {\r\n    var i = e.target.getAttribute && e.target.getAttribute('data-rm');\r\n    if (i !== null && i !== undefined) { files.splice(parseInt(i, 10), 1); fileErr.textContent = ''; renderFiles(); }\r\n  });\r\n  ['dragenter', 'dragover'].forEach(function (ev) {\r\n    drop.addEventListener(ev, function (e) { e.preventDefault(); drop.classList.add('drag'); });\r\n  });\r\n  ['dragleave', 'drop'].forEach(function (ev) {\r\n    drop.addEventListener(ev, function (e) { e.preventDefault(); drop.classList.remove('drag'); });\r\n  });\r\n  drop.addEventListener('drop', function (e) { if (e.dataTransfer && e.dataTransfer.files) addFiles(e.dataTransfer.files); });\r\n  drop.addEventListener('keydown', function (e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); fileInput.click(); } });\r\n\r\n  \/* build data + messages *\/\r\n  function collect() {\r\n    var o = {};\r\n    new FormData(form).forEach(function (v, k) { o[k] = typeof v === 'string' ? v.trim() : v; });\r\n    o.category = (CATS[catSel.value] || CATS.general).name;\r\n    return o;\r\n  }\r\n  function summary(o) {\r\n    var L = ['Hello ' + CONFIG.brand + ', I would like a quote.', '',\r\n      'Category: ' + o.category, 'Product: ' + o.product_type];\r\n    if (o.extra_value) L.push(o.extra_label + ': ' + o.extra_value);\r\n    L.push('Quantity: ' + o.quantity, 'Design: ' + o.design_status);\r\n    if (o.specs) L.push('Details: ' + o.specs);\r\n    L.push('Needed: ' + o.deadline);\r\n    if (o.sample) L.push('Sample first: Yes');\r\n    if (o.questions) L.push('Questions: ' + o.questions);\r\n    L.push('', 'Name: ' + o.name, 'Email: ' + o.email);\r\n    if (o.phone) L.push('Phone: ' + o.phone);\r\n    L.push('Country: ' + o.country);\r\n    if (o.company) L.push('Company: ' + o.company);\r\n    if (files.length) L.push('', 'I will send my design files in this chat.');\r\n    return L.join('\\n');\r\n  }\r\n  function waLink(text) { return 'https:\/\/wa.me\/' + CONFIG.whatsapp + '?text=' + encodeURIComponent(text); }\r\n\r\n  waBtn.addEventListener('click', function () {\r\n    if (!validate(2)) return;\r\n    window.open(waLink(summary(collect())), '_blank', 'noopener');\r\n  });\r\n\r\n  \/* submit *\/\r\n  function track(o, ref) {\r\n    try {\r\n      window.dataLayer = window.dataLayer || [];\r\n      window.dataLayer.push({ event: 'bx_quote_submitted', quote_category: o.category, quote_country: o.country, quote_ref: ref });\r\n      if (typeof window.gtag === 'function') window.gtag('event', 'generate_lead', { value: 1, currency: 'USD', category: o.category });\r\n      if (typeof window.fbq === 'function') window.fbq('track', 'Lead');\r\n    } catch (e) { \/* analytics must never break the form *\/ }\r\n  }\r\n  function fail(msg, o) {\r\n    $('#bx-fail-msg').textContent = msg || 'Something went wrong on our side. Your details are still in this window, so nothing is lost. Send them by WhatsApp or email instead, or try again.';\r\n    var text = summary(o);\r\n    $('#bx-wa-fail').href = waLink(text);\r\n    $('#bx-mail-fail').href = 'mailto:' + CONFIG.email + '?subject=' + encodeURIComponent('Quote request: ' + o.category) + '&body=' + encodeURIComponent(text);\r\n    showResult(failBox);\r\n  }\r\n  $('#bx-retry').addEventListener('click', function () { showForm(); goStep(2); });\r\n\r\n  form.addEventListener('submit', function (e) {\r\n    e.preventDefault();\r\n    if (!validate(1)) { goStep(1); return; }\r\n    if (!validate(2)) return;\r\n\r\n    var o = collect();\r\n    var fd = new FormData(form);\r\n    fd.set('category', o.category);\r\n    files.forEach(function (f) { fd.append('files[]', f, f.name); });\r\n    fd.append('action', 'bxh_inquiry');\r\n    fd.append('page_url', location.href);\r\n    fd.append('elapsed', String(Date.now() - openedAt));\r\n\r\n    var label = submitBtn.textContent;\r\n    submitBtn.disabled = true; submitBtn.textContent = 'Sending your request...';\r\n\r\n    fetch(detectAjax(), { method: 'POST', body: fd, credentials: 'same-origin' })\r\n      .then(function (r) {\r\n        return r.text().then(function (t) {\r\n          var j = null; try { j = JSON.parse(t); } catch (x) { j = null; }\r\n          return j;\r\n        });\r\n      })\r\n      .then(function (j) {\r\n        if (j && j.success) {\r\n          var ref = (j.data && j.data.ref) || '';\r\n          $('#bx-ref').textContent = ref || 'received';\r\n          $('#bx-wa-after').href = waLink('Hello ' + CONFIG.brand + ', I just sent a quote request' + (ref ? ' (' + ref + ')' : '') + ' for ' + o.category + '. I am following up here.');\r\n          track(o, ref);\r\n          showResult(okBox);\r\n          form.reset(); files = []; renderFiles(); fileErr.textContent = '';\r\n        } else {\r\n          fail(j && j.data && j.data.message ? j.data.message : '', o);\r\n        }\r\n      })\r\n      .catch(function () { fail('', o); })\r\n      .then(function () { submitBtn.disabled = false; submitBtn.textContent = label; });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Free design mockup within 24 hours on every quote request sales@veloroleathers.com Chat on WhatsApp Custom products made to your design,<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7053","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/veloroleathers.com\/index.php?rest_route=\/wp\/v2\/pages\/7053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/veloroleathers.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/veloroleathers.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/veloroleathers.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/veloroleathers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7053"}],"version-history":[{"count":17,"href":"https:\/\/veloroleathers.com\/index.php?rest_route=\/wp\/v2\/pages\/7053\/revisions"}],"predecessor-version":[{"id":10621,"href":"https:\/\/veloroleathers.com\/index.php?rest_route=\/wp\/v2\/pages\/7053\/revisions\/10621"}],"wp:attachment":[{"href":"https:\/\/veloroleathers.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}