:root{--blue:#0754b8;--blue2:#0c65d8;--ink:#0b1d3b;--muted:#66758d;--line:#dfe7f2;--soft:#f5f8fc;--pink:#f72d77;--green:#18c84a;--shadow:0 10px 30px rgba(17,52,94,.10);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.topbar{height:34px;background:#06469f;color:#fff;display:flex;align-items:center;justify-content:center;gap:48px;font-size:12px;font-weight:700}.topbar a{color:#fff}

.topbar span:nth-child(5),
.topbar span:nth-child(6){
display:none!important
}






.header{
  height:74px;
  display:grid;
  grid-template-columns:220px minmax(300px,520px) 1fr;
  align-items:center;
  gap:24px;
  padding:0 4.5%;
  border-bottom:1px solid #edf1f6;
  background:#fff;

  position:fixed;
  top:34px;
  left:0;
  right:0;
  width:100%;

  z-index:9999;

  transition:top .25s ease;
}



.logo{height:54px;display:flex;align-items:center}.logo img{width:180px;height:58px;object-fit:contain}.search{height:44px;border:1px solid #dce5f0;border-radius:25px;display:flex;align-items:center;padding:0 16px;box-shadow:0 4px 14px rgba(10,40,80,.04)}.search span{font-size:22px;color:#16457e;margin-right:10px}.search input{border:0;outline:0;width:100%;color:var(--ink)}.header nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;font-size:13px;font-weight:800;white-space:nowrap}.header nav .cta{background:linear-gradient(135deg,#0c61c9,#0750aa);color:#fff;padding:13px 20px;border-radius:24px;box-shadow:0 7px 16px rgba(0,83,180,.2)}.icon{border:0;background:transparent;position:relative;cursor:pointer;font-size:20px}.icon b{position:absolute;right:-5px;top:-6px;background:#e83a48;color:#fff;font-size:10px;border-radius:50%;width:16px;height:16px}.hamb{display:none;border:0;background:transparent;font-size:24px}.hero{height:320px;position:relative;overflow:hidden;background:linear-gradient(90deg,#f6efe6,#fff,#d9effe);display:grid;grid-template-columns:42% 33% 25%;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 40%,rgba(253,92,139,.35),transparent 30%),radial-gradient(circle at 40% 30%,rgba(84,171,255,.25),transparent 30%)}.hero-art{height:100%;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}.hero-art img{height:128%;width:100%;object-fit:contain;object-position:left bottom;filter:saturate(1.1)}.hero-copy{z-index:1;text-align:center}.hero-copy small{font-weight:900;letter-spacing:1.4px}.hero-copy h1{font-size:55px;line-height:.86;margin:12px 0 12px;font-weight:1000;letter-spacing:-3px}.hero-copy h1 em{color:var(--pink);font-style:italic}.hero-copy p{font-weight:600;line-height:1.35}.dark-btn,.blue-btn,.white-btn{display:inline-block;border-radius:24px;padding:12px 20px;font-weight:900}.dark-btn{background:#071b39;color:#fff}.blue-btn{background:var(--blue);color:#fff}.white-btn{background:#fff;color:#164a99}.hero-shirt{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.hero-shirt img{height:92%;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(16,37,66,.18))}.hero-shirt strong{position:absolute;right:7%;top:35%;font-size:17px;line-height:1.15;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.35)}.hero-arrow{position:absolute;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:#fff;box-shadow:var(--shadow);font-size:30px;color:#1354a2;top:48%;cursor:pointer}.hero-arrow.left{left:12px}.hero-arrow.right{right:12px}.dots{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dots i{width:8px;height:8px;background:#b4c7df;border-radius:50%}.dots i.active{background:#0960c9}.section{padding:22px 3.2%}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2{font-size:16px;letter-spacing:.4px;margin:0}.section-head h2 em{font-family:Georgia,serif;color:#2368ca;font-size:21px;font-weight:500;margin-left:6px}.section-head a{color:#0754b8;font-size:12px;font-weight:900}.category-circles{display:flex;justify-content:space-between;gap:12px;overflow:auto;padding-bottom:8px}.cat-circle{min-width:82px;text-align:center;font-size:11px;font-weight:800}.cat-circle span{display:flex;width:76px;height:76px;margin:auto;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#edf7ff);border:1px solid #d9e7f7;box-shadow:0 8px 18px rgba(23,76,136,.10);font-size:35px}.featured{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center}.feature-copy small{font-weight:900}.feature-copy h2{font-size:34px;line-height:.92;margin:7px 0}.feature-copy h2 em{color:var(--pink);font-family:Georgia,serif}.feature-copy p{font-size:13px;color:var(--muted)}.feature-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.feature-card{height:210px;border-radius:20px;background:#fff5f5;position:relative;overflow:hidden;box-shadow:var(--shadow);border:1px solid #f0e7ef}.feature-card img{width:100%;height:100%;object-fit:contain}.feature-card i{position:absolute;left:10px;top:10px;background:#fff;color:#175ab5;border-radius:14px;padding:6px 9px;font-size:10px;font-weight:900}.horizontal-products{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.arrival-card{border:1px solid #dce6f2;border-radius:15px;padding:7px;background:#fff;position:relative;box-shadow:0 4px 12px rgba(10,40,80,.05)}.arrival-card span{position:absolute;top:8px;left:8px;background:#0b5bc3;color:#fff;padding:4px 7px;border-radius:8px;font-size:9px;font-weight:900}.arrival-card img{width:100%;aspect-ratio:1/1;object-fit:contain}.arrival-card b{display:block;font-size:10px;margin:4px}.packs{margin:8px 0;padding:24px 4%;display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center;background:linear-gradient(90deg,#7a55dd,#29b8e9,#d6efff);color:#fff;overflow:hidden}.pack-copy small{font-weight:900}.pack-copy h2{font-size:31px;line-height:.95;margin:6px 0}.pack-copy h2 em{font-style:italic}.pack-copy p{font-size:12px}.pack-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pack-card{background:#fff;color:#13284b;border-radius:17px;padding:9px;min-height:165px;position:relative;box-shadow:0 10px 22px rgba(15,67,120,.16)}.pack-card img{width:100%;height:110px;object-fit:contain}.pack-card small,.pack-card b,.pack-card em{display:block}.pack-card small{font-weight:900}.pack-card b{font-size:11px}.pack-card em{position:absolute;right:10px;bottom:10px;color:#0754b8;font-size:10px;font-weight:900}.style-tabs{display:flex;gap:8px;overflow:auto;margin:8px 0 12px}.style-tab{border:1px solid #dbe5f0;background:#fff;padding:8px 15px;border-radius:20px;font-size:11px;font-weight:800;white-space:nowrap}.style-tab.active{background:#0754b8;color:#fff}.style-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.style-grid a{border:1px solid #dce5f0;border-radius:12px;height:110px;overflow:hidden;background:#fff}.style-grid img{width:100%;height:100%;object-fit:contain}.trust{background:#084b9f;color:#fff;display:grid;grid-template-columns:repeat(3,1fr) 1.3fr 150px;align-items:center;padding:18px 3%;gap:22px;overflow:hidden}.trust>div{display:grid;grid-template-columns:42px 1fr;column-gap:8px}.trust b{font-size:26px;grid-row:span 2}.trust strong{font-size:12px}.trust span{font-size:10px;opacity:.9}.trust-art{height:80px;overflow:hidden}.trust-art img{width:100%;height:100%;object-fit:cover;object-position:center}.thousands{font-size:15px;text-align:center}.how{padding:60px 4%;display:grid;grid-template-columns:250px 1fr;gap:40px}.how small{font-weight:900;color:#0754b8}.how h2{font-size:38px;line-height:.95}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-grid article{padding:22px;border:1px solid var(--line);border-radius:18px}.how-grid b{color:#0754b8}.how-grid p{color:var(--muted);font-size:13px}.footer{background:#071b39;color:#fff;padding:25px 4%;display:flex;justify-content:space-between;gap:20px;font-size:12px}.library-hero{margin:0 0 8px;padding:22px 4%;height:210px;background:linear-gradient(90deg,#fff,#eef7ff,#fff0e6);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.library-hero p{font-size:12px;color:#4f6b91}.library-hero small{color:#0754b8;font-weight:900;letter-spacing:1.5px}.library-hero h1{font-size:54px;margin:7px 0}.library-hero img{height:260px;width:48%;object-fit:contain;object-position:center right}.category-chips{display:flex;gap:8px;overflow:auto;padding:8px 2%;border-bottom:1px solid #e8eef6}.chip{min-width:80px;padding:8px 10px;text-align:center;border-radius:14px;border:1px solid #e0e8f3;background:#fff}.chip.active{border-color:#0754b8;box-shadow:0 0 0 1px #0754b8}.chip span{display:block;font-size:30px}.chip b{font-size:10px}.catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:16px 2.2%}.filters{border-right:1px solid #e1e8f2;padding-right:15px}.filters>input{width:100%;border:1px solid #dce5f0;border-radius:22px;padding:11px}.filters h3{font-size:12px;margin:18px 0 8px}.filters a,.filters .sort{display:flex;justify-content:space-between;width:100%;border:0;background:transparent;padding:7px 8px;border-radius:8px;font-size:11px;text-align:left;color:#4d607c}.filters a span,.check span{margin-left:auto}.filters a.side-active,.filters .sort.active{background:#eaf2ff;color:#0754b8;font-weight:900}.check{display:flex;gap:6px;font-size:11px;padding:5px}.catalog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.catalog-head select,.view{border:1px solid #dce5f0;background:#fff;padding:9px;border-radius:10px}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sticker-card{border:1px solid #dfe7f1;border-radius:18px;padding:8px;box-shadow:0 5px 15px rgba(20,54,92,.06);background:#fff}.sticker-img{height:220px;border-radius:13px;background:#fbfcfe;position:relative;overflow:hidden}.sticker-img img{width:100%;height:100%;object-fit:contain}.sticker-img span{position:absolute;top:9px;left:9px;background:#0b60c8;color:#fff;border-radius:9px;padding:5px 7px;font-size:9px;font-weight:900;z-index:1}.sticker-img button{position:absolute;right:8px;top:8px;border:0;background:#fff;border-radius:50%;width:28px;height:28px;z-index:1}.sticker-card h3{font-size:12px;margin:8px 4px 2px}.sticker-card p{font-size:9px;color:#72819a;margin:0 4px 8px}.customize{display:block;background:#0754b8;color:#fff;text-align:center;border-radius:12px;padding:7px;font-size:10px;font-weight:900}.customizer-page{padding:14px 1.5% 30px}.crumb{font-size:12px;color:#3b65a2;margin:8px 1%}.builder-title{display:flex;justify-content:space-between;align-items:center;padding:4px 1% 12px}.builder-title h1{font-size:37px;margin:0}.builder-title p{margin:5px 0;color:#71829c;font-size:12px}.outline-btn{border:1px solid #cbdcf2;background:#fff;color:#0754b8;padding:10px 14px;border-radius:20px;font-weight:800;cursor:pointer}.builder-grid{display:grid;grid-template-columns:330px minmax(400px,1fr) 410px;gap:16px;align-items:start}.pack-panel,.mockup-panel,.options-panel{background:#fff;border:1px solid #dfe7f1;border-radius:22px;box-shadow:var(--shadow)}.pack-panel{padding:14px}.pack-head{display:flex;justify-content:space-between;border-bottom:1px solid #e7edf5;padding:6px 8px 14px}.pack-head small{display:block;color:#8b9ab0;font-size:10px;font-weight:900}.pack-head strong{font-size:18px}.pack-head span{width:38px;height:38px;border-radius:50%;background:#edf5ff;display:flex;align-items:center;justify-content:center;font-weight:900;color:#0754b8}.pack-stickers{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:12px}.pack-sticker{border:1px solid #dce5f0;border-radius:14px;background:#fff;padding:6px;cursor:pointer;text-align:left}.pack-sticker.active{border:2px solid #0a62c8}.pack-sticker img{width:100%;height:118px;object-fit:contain;border-radius:10px;background:#fafcff}.pack-sticker span{display:inline-block;background:#edf5ff;color:#0754b8;font-size:9px;padding:2px 5px;border-radius:5px}.pack-sticker b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-panel h3{font-size:13px;margin:18px 6px 9px}.more-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.more-designs button{border:1px solid #dfe7f1;border-radius:10px;background:#fff;padding:2px}.more-designs img{width:100%;height:74px;object-fit:contain}.all-cat{display:block;text-align:center;margin-top:10px;color:#0754b8;font-size:11px;font-weight:900}.mockup-panel{overflow:hidden;background:#f6f9fd}.viewer{height:690px;position:relative;background:radial-gradient(circle at 50% 45%,#fff 0,#f6f9fd 55%,#edf3fa 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-badge{position:absolute;top:15px;left:15px;background:#fff;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:900;z-index:3}.view-tabs{position:absolute;top:15px;left:50%;transform:translateX(-50%);background:#fff;border-radius:22px;padding:3px;display:flex;z-index:3;box-shadow:0 5px 15px rgba(30,70,120,.10)}.view-tabs button{border:0;background:transparent;padding:10px 20px;border-radius:18px;font-weight:900;color:#0754b8}.view-tabs button.active{background:#0a61c9;color:#fff}.mockup-stage{width:88%;height:84%;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab}.shirt-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 25px rgba(25,50,80,.18));transition:transform .25s}.print-zone{position:absolute;width:var(--print-size,46%);aspect-ratio:1/1;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:width .25s}





.print-zone.chest{
  width:20%;
  top:38%;
}

.print-zone.a4{
  width:36%;
  top:48%;
}

.print-zone.a3{
  width:46%;
  top:49%;
}

.print-zone.a2{
  width:58%;
  top:50%;
}







.print-zone.plain{opacity:0}

.print-zone img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.18));mix-blend-mode:normal}

.round-tools{position:absolute;left:20px;top:43%;display:flex;flex-direction:column;gap:8px}.round-tools button,.front-back-mini button{border:0;background:#fff;border-radius:50%;width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;color:#0754b8;font-weight:900}.rotate-badge{position:absolute;right:22px;top:28%;background:#fff;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#0754b8;font-size:22px;box-shadow:var(--shadow)}.rotate-badge b{font-size:10px}.rotation-strip{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.8);border-radius:15px;padding:6px 10px;font-size:9px;color:#71829c}.front-back-mini{position:absolute;right:14px;bottom:18px;display:flex;flex-direction:column;gap:8px}.front-back-mini button{width:80px;height:86px;border-radius:12px;background:#fff;font-size:10px}.front-back-mini img{width:48px;height:55px;object-fit:contain;display:block;margin:auto}.front-back-mini button.active{outline:2px solid #0a62c8}.colour-bar{padding:14px 18px;background:#fff;border-top:1px solid #dfe7f1}.colour-bar strong{font-size:12px}.swatches{display:flex;gap:12px;overflow:auto;padding-top:8px}.swatch{border:0;background:transparent;min-width:44px;cursor:pointer;text-align:center;color:#63748c;font-size:8px}.swatch i{display:block;width:34px;height:34px;border-radius:50%;margin:auto;border:3px solid #fff;box-shadow:0 0 0 1px #cfd9e7}.swatch.active i{box-shadow:0 0 0 2px #0a62c8}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;background:#fff;border-top:1px solid #e5ecf5}.benefits>div{display:grid;grid-template-columns:32px 1fr;column-gap:6px}.benefits>div:first-letter{font-size:22px}.benefits b{font-size:10px}.benefits small{font-size:8px;color:#73839b}.options-panel{padding:16px;position:sticky;top:90px}.options-head{display:flex;justify-content:space-between;align-items:flex-start}.options-head h2{font-size:19px;margin:0}.options-head small{color:#14845d;font-weight:800;font-size:10px}.options-panel section{border-top:1px solid #e4eaf2;margin-top:14px;padding-top:14px}.options-panel h3{font-size:12px;margin:0 0 9px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.option{border:1px solid #dce5f0;background:#fff;text-align:left;border-radius:13px;padding:12px;cursor:pointer}.option.active{border:2px solid #0a62c8;background:#f4f9ff}.option b{display:block;font-size:12px}.option small{display:block;color:#71829c;font-size:9px;margin-top:4px}.option em{display:block;font-size:9px;font-style:normal;color:#51647e;margin-top:4px}.section-label{display:flex;justify-content:space-between;align-items:center}.link-btn{border:1px solid #d7e5f7;background:#f5f9ff;color:#0754b8;border-radius:16px;padding:7px 10px;font-size:10px;font-weight:900}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.size-option{border:1px solid #dce5f0;background:#fff;border-radius:12px;padding:11px;text-align:left;cursor:pointer}.size-option.active{border:2px solid #0a62c8;background:#f5f9ff}.size-option b{font-size:12px}.size-option small{display:block;font-size:8px;color:#74849b;margin-top:4px}.qty{display:flex;border:1px solid #dce5f0;border-radius:13px;overflow:hidden}.qty button,.qty input{border:0;background:#fff;width:34px;height:34px;text-align:center}.qty input{width:40px;border-left:1px solid #e3e9f1;border-right:1px solid #e3e9f1;outline:0}.price-box{background:linear-gradient(135deg,#0755b6,#063b89);color:#fff;border-radius:18px;padding:15px;margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:7px}.price-box span{display:block;font-size:9px;opacity:.85}.price-box strong{font-size:26px}.price-box b{font-size:12px}.price-box .total{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.25);padding-top:8px;display:flex;justify-content:space-between}.price-box .total strong{font-size:18px}.whatsapp-btn{border:0;width:100%;background:linear-gradient(135deg,#12c84a,#09a73c);color:#fff;border-radius:22px;padding:14px;font-weight:1000;margin-top:12px;cursor:pointer}.share-note{display:block;text-align:center;color:#74839a;font-size:9px;margin-top:8px}.size-chart-dialog,.dialog-card{border:0;border-radius:20px;padding:0}.size-chart-dialog::backdrop,.dialog-card::backdrop{background:rgba(2,18,40,.6)}.dialog-card{width:min(700px,92vw);padding:25px;background:#fff;position:relative}.dialog-card img{width:100%;max-height:65vh;object-fit:contain}.close{position:absolute;right:12px;top:12px;border:0;background:#eef4fb;border-radius:50%;width:32px;height:32px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:11px;font-weight:800}.form-grid input,.form-grid textarea{display:block;width:100%;border:1px solid #dce5f0;border-radius:10px;padding:10px;margin-top:4px}.dialog-card{max-height:90vh;overflow:auto}.dialog-card h2{margin:6px 0 14px}
@media(max-width:1100px){.header{grid-template-columns:160px 1fr 1fr}.header nav{gap:12px}.builder-grid{grid-template-columns:260px 1fr}.options-panel{grid-column:1/-1;position:static}.sticker-grid{grid-template-columns:repeat(3,1fr)}.viewer{height:620px}.horizontal-products{grid-template-columns:repeat(4,1fr)}.style-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.topbar{gap:10px;height:30px;font-size:9px;overflow:hidden;white-space:nowrap}.topbar span:nth-child(2),.topbar span:nth-child(3),.topbar span:nth-child(5),.topbar span:nth-child(6){display:none}.header{height:62px;grid-template-columns:120px 1fr 38px;gap:8px;padding:0 12px}.logo img{width:118px}.search{height:38px}.search input{font-size:10px}.header nav{display:none}.hamb{display:block}.hero{height:390px;grid-template-columns:1fr;display:block}.hero-art{height:250px;justify-content:center}.hero-art img{height:115%;width:95%;object-position:center bottom}.hero-copy{position:absolute;top:210px;left:0;width:60%;padding-left:16px;text-align:left}.hero-copy h1{font-size:33px;letter-spacing:-1.5px}.hero-copy p{font-size:10px}.hero-shirt{position:absolute;right:-4%;bottom:0;width:55%;height:220px}.hero-shirt img{height:100%}.hero-shirt strong{font-size:10px;right:5%;top:30%}.section{padding:18px 12px}.section-head h2{font-size:13px}.section-head h2 em{font-size:16px}.cat-circle{min-width:72px}.cat-circle span{width:64px;height:64px;font-size:28px}.featured{grid-template-columns:1fr;gap:14px}.feature-cards{grid-template-columns:repeat(3,1fr)}.feature-card{height:140px}.feature-copy h2{font-size:28px}.horizontal-products{grid-template-columns:repeat(4,1fr);gap:8px}.arrival-card:nth-child(n+5){display:none}.packs{grid-template-columns:1fr;padding:22px 14px}.pack-cards{grid-template-columns:repeat(2,1fr)}.pack-card{min-height:135px}.pack-card img{height:80px}.style-grid{grid-template-columns:repeat(5,1fr)}.style-grid a{height:78px}.trust{grid-template-columns:1fr 1fr;padding:18px 12px}.trust>div:nth-child(3){grid-column:1/-1}.trust-art,.thousands{display:none}.how{grid-template-columns:1fr;padding:38px 14px}.how-grid{grid-template-columns:1fr}.footer{flex-direction:column}.library-hero{height:190px;padding:16px 14px}.library-hero h1{font-size:40px}.library-hero img{width:48%;height:190px}.category-chips{padding:8px}.catalog-layout{grid-template-columns:1fr;padding:10px}.filters{border:0;padding:0;display:none}.catalog-head{font-size:12px}.sticker-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sticker-img{height:165px}.customizer-page{padding:8px}.crumb{font-size:9px}.builder-title{padding:3px 0 8px}.builder-title h1{font-size:25px}.builder-title p{font-size:9px}.builder-title .outline-btn{display:none}.builder-grid{display:flex;flex-direction:column;gap:10px}.mockup-panel{order:1;width:100%}.pack-panel{order:2;width:100%}.options-panel{order:3;width:100%}.viewer{height:500px}.mockup-stage{width:95%;height:80%}.round-tools{left:8px}.rotate-badge{right:8px;top:22%;width:62px;height:62px}.front-back-mini{right:8px}.front-back-mini button{width:66px;height:72px}.front-back-mini button:nth-child(2){display:none}.colour-bar{overflow:hidden}.benefits{grid-template-columns:1fr 1fr}.pack-stickers{display:flex;overflow:auto;gap:8px;padding-bottom:5px}.pack-sticker{min-width:102px}.pack-sticker img{height:95px}.more-designs{display:flex;overflow:auto}.more-designs button{min-width:84px}.options-panel{position:static}.option-grid{grid-template-columns:1fr 1fr}.size-grid{grid-template-columns:repeat(3,1fr)}.price-box strong{font-size:22px}.form-grid{grid-template-columns:1fr}.hero-arrow{width:30px;height:30px;font-size:23px}.topbar a{font-size:9px}}

/* V6 clean premium overrides */
.hero{height:405px;display:block;background:#f4f7fb}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:42% 34% 24%;align-items:center;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s}.hero-slide.active{opacity:1;visibility:visible}.hero-slide .hero-art{height:100%;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}.hero-slide .hero-art img{height:122%;width:100%;object-fit:contain;object-position:left bottom}.hero-slide .hero-copy{z-index:2;text-align:center;padding:10px}.hero-slide .hero-shirt{height:100%;position:relative;display:flex;align-items:center;justify-content:center}.hero-slide .hero-shirt img{height:94%;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(20,50,90,.16))}.hero-dots{position:absolute;z-index:8;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hero-dot{width:9px;height:9px;border-radius:50%;border:0;background:#b8c8dd;padding:0;cursor:pointer}.hero-dot.active{background:#0754b8;transform:scale(1.15)}.cat-circle span{overflow:hidden}.cat-circle span img{width:100%;height:100%;object-fit:contain}.chip img{display:block;width:58px;height:58px;margin:auto;object-fit:contain;border-radius:50%;background:#f8fafc}.chip .all-mark{display:flex;width:58px;height:58px;margin:auto;align-items:center;justify-content:center;border-radius:50%;background:#eef5ff;color:#0754b8;font-size:12px;font-weight:900}.outline-btn,.btn{border:1px solid #d8e3f0;background:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer;color:#163d6d}.btn:hover,.outline-btn:hover{border-color:#0a62c8}.icon{font-size:11px!important;font-weight:800!important}.hamb{font-size:11px!important;font-weight:800!important}.hero-arrow{z-index:10}.topbar a{text-decoration:none}
@media(max-width:760px){.hero{height:420px}.hero-slide{grid-template-columns:1fr;display:block}.hero-slide .hero-art{height:260px;justify-content:center}.hero-slide .hero-art img{height:112%;width:94%;object-position:center bottom}.hero-slide .hero-copy{position:absolute;left:12px;top:230px;width:58%;text-align:left}.hero-slide .hero-copy h1{font-size:31px}.hero-slide .hero-copy p{font-size:10px}.hero-slide .hero-shirt{position:absolute;right:-5%;bottom:0;width:55%;height:225px}.hero-slide .hero-shirt img{height:100%}.chip{min-width:76px}.chip img,.chip .all-mark{width:54px;height:54px}}

.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e8edf3;padding:12px;box-shadow:0 18px 35px rgba(20,45,80,.12);z-index:50}.mobile-nav a{display:block;padding:12px 8px;font-weight:800;border-bottom:1px solid #eef2f7}.mobile-nav.open{display:block}
@media(max-width:760px){.header .mobile-nav{display:none}.header .mobile-nav.open{display:block}.hamb{display:block;border:1px solid #dbe5ef;border-radius:10px;background:#fff;padding:7px 9px;cursor:pointer}.hero-slide .hero-copy{z-index:4}}










/* FULL-WIDTH HERO BANNER */
.hero{
    position:relative;
    width:100%;
    height:405px;
    max-width:none;
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    background:#fff;
}

.hero-slide{
    position:absolute;
    inset:0;
    width:100%;
    height:405px;
    display:block;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    transition:opacity .55s ease, visibility .55s ease;
}

.hero-slide.active{
    opacity:1;
    visibility:visible;
}

.hero-slide .hero-art{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    min-height:0;
    display:block;
    overflow:hidden;
    background:#fff;
    border-radius:0;
    z-index:1;
}

.hero-slide .hero-art img{
    width:100%;
    height:100%;
    display:block;
    object-fit:fill;
    object-position:center center;
    filter:none;
}

.hero-slide .hero-copy,
.hero-slide .hero-shirt{
    display:none;
}

.hero-arrow{
    position:absolute;
    z-index:20;
}

.hero-dots{
    position:absolute;
    z-index:20;
}

@media(max-width:760px){

    .hero{
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:1920 / 405;
    }

    .hero-slide{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
    }

    .hero-slide .hero-art{
        width:100%;
        height:100%;
    }

    .hero-slide .hero-art img{
        width:100%;
        height:100%;
        object-fit:fill;
        object-position:center center;
    }

    .hero-slide .hero-copy,
    .hero-slide .hero-shirt{
        display:none;
    }

    .hero-arrow{
        width:30px;
        height:30px;
        font-size:20px;
    }

    .hero-dots{
        bottom:6px;
    }
}










/* =========================================
   INSPIRE CLOTHING - TRUST BAR BALANCED
   ========================================= */

.trust{
  width:100%;
  min-height:116px;
  box-sizing:border-box;

  display:grid;
  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  align-items:center;

  gap:0;

  padding:22px 5.5%;

  background:#0753a6;

  color:#fff;

  position:relative;
  overflow:hidden;
}


/* Soft premium light */

.trust::before{
  content:"";

  position:absolute;

  width:420px;
  height:420px;

  left:50%;
  top:50%;

  transform:translate(-50%,-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(70,190,255,.12),
      transparent 68%
    );

  pointer-events:none;
}


/* Each item */

.trust .trust-item{
  min-width:0;

  position:relative;
  z-index:2;

  padding:8px 32px;

  box-sizing:border-box;

  display:flex;
  flex-direction:column;

  justify-content:center;

  text-align:left;
}


/* Vertical separators */

.trust .trust-item + .trust-item{
  border-left:1px solid rgba(255,255,255,.18);
}


/* Small premium line */

.trust .trust-item b{
  display:block;

  width:28px;
  height:3px;

  margin-bottom:9px;

  border-radius:10px;

  background:rgba(255,255,255,.9);
}


/* Main title */

.trust .trust-item strong{
  display:block;

  margin:0;

  color:#fff;

  font-size:13px;

  line-height:1.3;

  font-weight:700;
}


/* Description */

.trust .trust-item span{
  display:block;

  margin-top:4px;

  color:rgba(255,255,255,.82);

  font-size:10px;

  line-height:1.4;
}


/* Subtle hover */

.trust .trust-item{
  transition:
    transform .35s ease,
    opacity .35s ease;
}

.trust .trust-item:hover{
  transform:translateY(-3px);
}


/* Tablet */

@media(max-width:900px){

  .trust{
    grid-template-columns:repeat(2,1fr);

    row-gap:18px;

    padding:25px 6%;
  }

  .trust .trust-item{
    padding:10px 22px;
  }

  .trust .trust-item:nth-child(3){
    border-left:0;
  }

  .trust .trust-item:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.18);

    padding-top:20px;
  }

}


/* Mobile */

@media(max-width:600px){

  .trust{
    grid-template-columns:1fr;

    row-gap:0;

    padding:20px;
  }

  .trust .trust-item,
  .trust .trust-item:nth-child(3){
    padding:18px 8px;

    border-left:0;
  }

  .trust .trust-item + .trust-item{
    border-top:1px solid rgba(255,255,255,.18);
  }

}











/* =========================================
   INSPIRE CLOTHING - PREMIUM FOOTER
   ========================================= */

.footer{
  position:relative;

  min-height:96px;

  padding:0 5.5%;

  box-sizing:border-box;

  display:grid;
  grid-template-columns:1fr auto 1fr;

  align-items:center;

  gap:40px;

  background:
    linear-gradient(
      110deg,
      #061a38 0%,
      #082b5c 48%,
      #061a38 100%
    );

  color:#fff;

  overflow:hidden;

  border-top:1px solid rgba(255,255,255,.12);

  box-shadow:
    0 -8px 30px rgba(5,35,75,.10);
}


/* Premium light effect */

.footer::before{
  content:"";

  position:absolute;

  width:420px;
  height:180px;

  left:50%;
  top:50%;

  transform:translate(-50%,-50%);

  background:
    radial-gradient(
      ellipse,
      rgba(35,150,255,.16) 0%,
      rgba(35,150,255,0) 70%
    );

  pointer-events:none;
}


/* Bottom accent line */

.footer::after{
  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:100%;
  height:3px;

  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(255,255,255,.25) 25%,
      rgba(255,255,255,.75) 50%,
      rgba(255,255,255,.25) 75%,
      transparent 100%
    );

  opacity:.7;
}


/* Brand */

.footer strong{
  position:relative;
  z-index:2;

  font-size:15px;

  font-weight:800;

  letter-spacing:.3px;

  color:#fff;

  transition:
    transform .35s ease,
    letter-spacing .35s ease;
}


.footer strong:hover{
  transform:translateX(4px);

  letter-spacing:.7px;
}


/* Center tagline */

.footer span{
  position:relative;
  z-index:2;

  font-size:11px;

  font-weight:500;

  letter-spacing:.25px;

  color:rgba(255,255,255,.72);

  text-align:center;

  transition:
    color .3s ease,
    transform .3s ease;
}


.footer span:hover{
  color:#fff;

  transform:translateY(-2px);
}


/* WhatsApp */

.footer a{
  position:relative;
  z-index:2;

  justify-self:end;

  display:inline-flex;

  align-items:center;

  padding:10px 18px;

  border:1px solid rgba(255,255,255,.20);

  border-radius:30px;

  color:#fff;

  text-decoration:none;

  font-size:11px;

  font-weight:700;

  background:rgba(255,255,255,.06);

  backdrop-filter:blur(8px);

  -webkit-backdrop-filter:blur(8px);

  transition:
    transform .35s cubic-bezier(.22,1,.36,1),
    background .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}


.footer a::after{
  content:"";

  width:6px;
  height:6px;

  margin-left:9px;

  border-radius:50%;

  background:#48d17a;

  box-shadow:
    0 0 10px rgba(72,209,122,.65);

  transition:
    transform .3s ease;
}


.footer a:hover{
  transform:translateY(-3px);

  background:rgba(255,255,255,.13);

  border-color:rgba(255,255,255,.38);

  box-shadow:
    0 8px 24px rgba(0,0,0,.20);
}


.footer a:hover::after{
  transform:scale(1.35);
}


/* Tablet */

@media(max-width:800px){

  .footer{
    grid-template-columns:1fr;

    gap:14px;

    padding:25px 6%;

    text-align:center;
  }

  .footer strong{
    justify-self:center;
  }

  .footer span{
    justify-self:center;
  }

  .footer a{
    justify-self:center;
  }

}


/* Mobile */

@media(max-width:500px){

  .footer{
    min-height:150px;

    padding:28px 20px;
  }

  .footer strong{
    font-size:14px;
  }

  .footer span{
    font-size:10px;
  }

  .footer a{
    padding:9px 16px;

    font-size:10px;
  }

}










/* =========================================
   INSPIRE CLOTHING
   TOPBAR + HEADER SCROLL
   ========================================= */

/* Blue top bar */
.topbar{
  position:sticky !important;
  top:-34px !important;
  left:0;
  width:100%;
  height:34px;
  z-index:10000;

  transition:
    transform .25s ease,
    opacity .25s ease;
}


/* Main white header */
.header{
  position:sticky !important;
  top:0 !important;
  left:0;
  width:100%;
  height:74px;

  z-index:9999;

  background:#fff;

  transition:
    box-shadow .25s ease;
}


/* Header shadow while scrolling */
body.scrolled .header{
  box-shadow:0 4px 18px rgba(15,45,85,.08);
}

/* Use the same shared header styles as the Home page. */


/* Mobile */
@media(max-width:760px){

  .topbar{
    position:sticky !important;
    top:-30px !important;
    height:30px;
  }

  .header{
    position:sticky !important;
    top:0 !important;
    height:62px;
  }

  .category-page .header .hamb{
    position:relative;
    z-index:100;
  }

}









/* =========================================
   CHEST PRINT - FIXED 4 x 4 AREA
   ========================================= */


.print-zone.chest{
    width:15%;
    aspect-ratio:1 / 1;

    left:60%;
    top:37%;

    transform:translate(-50%,-50%);

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}

.print-zone.chest img{
    width:70% !important;
    height:70% !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center !important;

    transform:none !important;
    margin:0 !important;
    padding:0 !important;
}



/* Desktop */
@media(min-width:761px){

    .print-zone.chest{
        width:25%;
        left:54%;
        top:31%;
    }

}


/* Mobile */
@media(max-width:760px){

    .print-zone.chest{
        width:25%;
        left:54%;
        top:31%;
    }

}








/* CHEST POSITION - FINAL */

.print-zone.chest{
    width:15% !important;
    height:auto !important;
    aspect-ratio:1 / 1;

    left:60% !important;
    top:33% !important;

    transform:translate(-50%,-50%) !important;

    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
}

.print-zone.chest img{
    width:90% !important;
    height:90% !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center !important;

    transform:none !important;
}













/* FIXED PRINT AREAS */

.print-zone.chest{
    width:15% !important;
    aspect-ratio:1 / 1;
    left:60% !important;
    top:37% !important;
    transform:translate(-50%,-50%) !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.print-zone.chest img{
    width:75% !important;
    height:75% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
}


/* A4 */
.print-zone.a4{
    width:28% !important;
    aspect-ratio:1 / 1;
    left:60% !important;
    top:43% !important;
    transform:translate(-50%,-50%) !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.print-zone.a4 img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
}


/* A3 */
.print-zone.a3{
    width:40% !important;
    aspect-ratio:1 / 1;
    left:60% !important;
    top:47% !important;
    transform:translate(-50%,-50%) !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.print-zone.a3 img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
}


/* A2 */
.print-zone.a2{
    width:52% !important;
    aspect-ratio:1 / 1;
    left:60% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.print-zone.a2 img{
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
}








/* A4 - SMALL CHEST STYLE */
.print-zone.a4{
    width:18% !important;
    aspect-ratio:1 / 1;

    left:50% !important;
    top:41% !important;

    transform:translate(-50%,-50%) !important;

    display:flex;
    align-items:center;
    justify-content:center;
}

.print-zone.a4 img{
    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    object-fit:contain !important;
    object-position:center !important;
}

  @media(max-width:760px){
    .hero{
      height:auto;
      min-height:120px;
      aspect-ratio:8 / 3;
    }

    #homeCats{
      max-width:100%;
      overflow-x:auto !important;
      overflow-y:hidden !important;
      overscroll-behavior-x:contain;
      -webkit-overflow-scrolling:touch;
    }
  }

@media(max-width:760px){
  .library-hero{
    height:auto;
    min-height:0;
    padding:16px 14px;
    gap:8px;
    overflow:visible;
    align-items:center;
  }

  .library-hero>div{
    flex:1 1 58%;
    min-width:0;
  }

  .library-hero p{
    line-height:1.4;
    overflow-wrap:anywhere;
  }

  .library-hero h1{
    font-size:36px;
    line-height:1.05;
    overflow-wrap:anywhere;
  }

  .library-hero small{
    display:block;
  }

  .library-hero img{
    width:38%;
    height:auto;
    max-height:170px;
    object-fit:contain;
  }
}

@media(max-width:760px){
  .header{
    grid-template-columns:120px minmax(0,1fr) 52px;
  }

  .header .hamb{
    width:52px;
    height:36px;
    justify-self:end;
    padding:0 4px;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
  }
}