/* ===== styles-1.css ===== */
:root {
  --ink: #171817;
  --muted: #6c6d67;
  --paper: #f4f0e8;
  --white: #fffefa;
  --acid: #e7ff48;
  --line: #c9c7bf;
  --blue: #c7dcff;
  --clay: #d8a28c;
  --danger: #c83b2c;
  --success: #1d7347;
}
[hidden] { display: none !important; }
.icon { width: 1.15em; height: 1.15em; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.screen { min-height: 55vh; }
.screen-enter { animation: screen-in .22s ease both; }
@keyframes screen-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.design-layer.selected { border: 0 !important; outline: 0 !important; }
.design-layer.selected::after { content: ""; position: absolute; inset: -7px; border: 2px solid #64116f !important; border-radius: 5px; box-shadow: none !important; pointer-events: none; }
.layer-rotate { width: 27px; height: 27px; position: absolute; z-index: 15; right: -20px; bottom: -20px; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; background: #64116f; color: #fff; box-shadow: 0 6px 14px rgba(75,12,87,.28); cursor: nwse-resize; touch-action: none; }
.layer-rotate .icon { width: 12px; height: 12px; }
.picker-trigger { height: 42px; padding: 0 12px; border: 1px solid #d9cedc; border-radius: 10px; background: linear-gradient(145deg,#fff,#f5f0f6); font-size: 9px; font-weight: 800; }
.picker-menu { top: calc(100% + 6px); right: 0; padding: 5px; border: 1px solid #d8ccdc; border-radius: 13px; box-shadow: 0 18px 38px rgba(54,24,60,.22); }
.picker-menu button { min-height: 39px; border-radius: 9px; font-size: 9px; }
.picker-menu button.selected { background: #f1e6f3; color: #64116f; font-weight: 900; }
.picker-menu .icon { width: 14px; }
.view-root { min-height: 100vh; }
.mobile-menu .icon { width: 22px; height: 22px; }
.mobile-bottom .icon { width: 18px; height: 18px; }
.button-icon { display: inline-grid; place-items: center; }
.legal-panel { max-height: min(760px,90vh); overflow: auto; }
.online-demo-note { margin: 12px 0 0; color: #776d79; font-size: 9px; line-height: 1.5; }
.admin-modal-field textarea { min-height: 90px; resize: vertical; }
.admin-form-error { color: #a82139; font-size: 9px; }
@media (max-width: 760px) {
  .screen { padding-bottom: 82px; }
  .hero-copy h1 { overflow-wrap: normal; word-break: normal; }
  .catalog-tools, .bulk-banner, .checkout-card, .order-summary { min-width: 0; }
  .category-pills { scrollbar-width: none; }
  .category-pills::-webkit-scrollbar { display: none; }
  .picker-menu { position: fixed; left: 16px; right: 16px; top: 24%; max-height: 52vh; overflow: auto; }
  .compact-designer .picker-menu { position: absolute; left: 0; right: 0; top: calc(100% + 6px); max-height: 250px; }
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
.announcement { height: 29px; padding: 0 3vw; display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: #fff; font-size: 10px; letter-spacing: .12em; }
.announcement b { color: var(--acid); font-weight: 700; }
.site-header { height: 76px; display: grid; grid-template-columns: 260px 1fr auto; align-items: center; gap: 24px; padding: 0 3vw; position: sticky; top: 0; z-index: 50; background: rgba(244,240,232,.96); border-bottom: 1px solid var(--ink); backdrop-filter: blur(14px); }
.logo-button { border: 0; background: transparent; padding: 0; cursor: pointer; text-align: left; }
.brand { display: inline-flex; align-items: center; gap: 10px; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; background: var(--ink); color: var(--acid); font: 900 27px/1 Arial; }
.brand-copy { display: grid; line-height: 1; gap: 5px; }
.brand-copy b { font-size: 18px; letter-spacing: -.05em; }
.brand-copy small { font-size: 8px; letter-spacing: .18em; }
.site-header nav { justify-self: center; display: flex; gap: 32px; }
.site-header nav button { border: 0; background: transparent; padding: 9px 0; font-weight: 700; font-size: 13px; cursor: pointer; position: relative; }
.site-header nav button:after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; height: 2px; background: var(--ink); transition: right .25s; }
.site-header nav button:hover:after { right: 0; }
.header-actions { gap: 12px; }
.header-search { width: 210px; height: 40px; display: flex; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid var(--line); background: #fff; }
.header-search input { width: 100%; border: 0; outline: 0; background: transparent; font-size: 12px; }
.bag-link { width: 44px; height: 40px; position: relative; border: 1px solid var(--ink); background: var(--ink); color: #fff; display: grid; place-items: center; cursor: pointer; }
.bag-link span { position: absolute; right: -6px; top: -7px; width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; background: var(--acid); color: var(--ink); font-size: 9px; font-weight: 800; }
.mobile-menu { display: none; }
.section-wrap { width: min(1400px, 94vw); margin: 0 auto; }
.eyebrow { font-size: 10px; font-weight: 800; letter-spacing: .18em; color: #565751; }
.hero { display: grid; grid-template-columns: 47% 53%; border-bottom: 1px solid var(--ink); }
.hero-copy { padding: 10vh 5vw 7vh 6vw; display: flex; flex-direction: column; justify-content: center; }
.hero-copy h1 { margin: 22px 0; font-size: clamp(68px, 8vw, 124px); line-height: .82; letter-spacing: -.085em; font-weight: 900; text-transform: uppercase; }
.hero-copy h1 em { -webkit-text-stroke: 2px var(--ink); font-style: normal; }
.hero-copy > p { max-width: 590px; margin: 0; color: #4d4e49; font-size: 17px; line-height: 1.7; }
.hero-actions { display: flex; gap: 10px; margin-top: 32px; }
.primary, .secondary, .acid-button { min-height: 48px; border: 1px solid var(--ink); padding: 0 22px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; font-weight: 800; font-size: 12px; cursor: pointer; transition: transform .16s, background .16s; }
.primary { background: var(--ink); color: #fff; }
.primary:hover, .acid-button:hover { transform: translate(-3px,-3px); box-shadow: 4px 4px 0 var(--acid); }
.secondary { background: transparent; }
.secondary:hover { background: #fff; }
.wide { width: 100%; }
.hero-proof { display: flex; gap: 22px; margin-top: 40px; font-size: 11px; font-weight: 700; }
.hero-proof span { display: flex; align-items: center; gap: 7px; }
.hero-visual { position: relative; overflow: hidden; background: var(--acid); border-left: 1px solid var(--ink); background-image: linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px); background-size: 11.111% 12.5%; display: grid; place-items: center; }
.hero-visual:before { content: ""; position: absolute; height: 75%; background: #c8d8ff; border: 1px solid var(--ink); transform: rotate(-4deg); }
.hero-grid-label { position: absolute; left: 18px; top: 16px; padding: 7px 10px; color: #fff; background: var(--ink); font-size: 9px; letter-spacing: .12em; z-index: 3; }
.hero-shirt, .shirt-shape { width: 325px; height: 395px; position: relative; display: grid; place-items: center; background: #fbf9f1; border: 2px solid var(--ink); z-index: 2; clip-path: polygon(25% 0, 38% 0, 42% 8%, 58% 8%, 62% 0, 75% 0, 100% 17%, 84% 34%, 76% 27%, 78% 100%, 22% 100%, 24% 27%, 16% 34%, 0 17%); }
.hero-shirt strong { font-size: 38px; line-height: .82; text-align: center; letter-spacing: -.07em; }
.hero-shirt small { position: absolute; bottom: 58px; font-size: 8px; letter-spacing: .25em; }
.shirt-neck { width: 66px; height: 34px; border: 2px solid var(--ink); border-top: 0; border-radius: 0 0 34px 34px; position: absolute; top: 4px; left: 50%; transform: translateX(-50%); }
.floating-tool { position: absolute; z-index: 3; min-width: 128px; height: 42px; border: 1px solid var(--ink); background: #fff; display: flex; align-items: center; gap: 10px; padding: 0 13px; font-size: 11px; font-weight: 800; box-shadow: 5px 5px 0 rgba(23,24,23,.15); }
.tool-a { left: 8%; top: 32%; }
.tool-b { right: 5%; top: 45%; }
.tool-c { left: 13%; bottom: 22%; }
.visual-cta { position: absolute; bottom: 0; right: 0; width: 225px; height: 64px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border: 1px solid var(--ink); border-width: 1px 0 0 1px; background: var(--ink); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; cursor: pointer; z-index: 4; }
.category-section, .products-section { padding-top: 100px; padding-bottom: 110px; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 40px; }
.section-heading h2 { margin: 10px 0 0; font-size: clamp(39px, 5vw, 72px); line-height: .95; letter-spacing: -.06em; }
.section-heading > button { border: 0; border-bottom: 1px solid var(--ink); background: transparent; padding: 9px 0; display: flex; gap: 10px; font-size: 11px; font-weight: 800; cursor: pointer; }
.category-grid { grid-template-columns: repeat(6,1fr); border: 1px solid var(--ink); }
.category-block { min-height: 300px; border: 0; border-right: 1px solid var(--ink); background: #fff; padding: 17px; text-align: left; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; position: relative; overflow: hidden; }
.category-block:last-child { border-right: 0; }
.category-block:first-child { grid-column: span 2; }
.category-block.acid { background: var(--acid); }
.category-block.ink { background: var(--ink); color:#fff; }
.category-block.blue { background: var(--blue); }
.category-block.clay { background: var(--clay); }
.category-block.paper { background: var(--white); }
.category-code { align-self: flex-start; border-bottom: 1px solid currentColor; padding-bottom: 4px; font-size: 10px; }
.category-icon { flex: 1; display: grid; place-items: center; }
.mini-shirt { display: inline-block; width: 34px; height: 35px; background: currentColor; clip-path: polygon(25% 0, 40% 0, 45% 10%, 55% 10%, 60% 0, 75% 0, 100% 22%, 82% 38%, 73% 30%, 77% 100%, 23% 100%, 27% 30%, 18% 38%, 0 22%); opacity: .8; }
.mini-shirt.large { width: 90px; height: 105px; transition: transform .25s; }
.category-block:hover .mini-shirt.large { transform: scale(1.12) rotate(-4deg); }
.category-block h3 { margin: 0; font-size: 23px; letter-spacing: -.04em; }
.category-block p { margin: 7px 0 0; font-size: 10px; opacity: .72; line-height: 1.4; }
.category-block > svg { position: absolute; right: 15px; bottom: 16px; width: 18px; }
.process-section { padding: 105px 0; background: var(--ink); color: #fff; }
.eyebrow.light { color: #aaa; }
.process-section h2 { margin: 16px 0 50px; max-width: 800px; font-size: clamp(46px,7vw,96px); line-height: .88; letter-spacing: -.07em; }
.process-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #555; }
.process-grid article { min-height: 270px; padding: 20px; border-right: 1px solid #555; position: relative; display: flex; flex-direction: column; justify-content: flex-end; }
.process-grid article:last-child { border: 0; }
.process-grid article > b { position: absolute; top: 18px; left: 18px; color: #777; font-size: 11px; }
.process-grid article > svg { width: 34px; height: 34px; margin-bottom: auto; color: var(--acid); }
.process-grid h3 { margin: 0 0 10px; font-size: 30px; }
.process-grid p { margin: 0; max-width: 220px; color: #aaa; font-size: 12px; line-height: 1.6; }
.acid-button { margin-top: 28px; background: var(--acid); color: var(--ink); }
.product-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--ink); border-right: 0; }
.product-card { min-width: 0; background: #fff; border-right: 1px solid var(--ink); cursor: pointer; outline: 0; }
.product-image-wrap { height: 390px; position: relative; overflow: hidden; background: #e9e7df; border-bottom: 1px solid var(--ink); }
.product-image { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72); transition: transform .5s, filter .3s; }
.product-card:hover .product-image { transform: scale(1.04); filter: saturate(1); }
.discount-tag { position: absolute; left: 0; top: 0; padding: 8px 10px; background: var(--acid); border: 1px solid var(--ink); border-width: 0 1px 1px 0; font-size: 9px; font-weight: 900; }
.quick-add { position: absolute; bottom: 10px; right: 10px; width: 42px; height: 42px; border: 1px solid var(--ink); background: #fff; display: grid; place-items: center; cursor: pointer; }
.product-info { padding: 18px; min-height: 150px; }
.product-info > p { margin: 0 0 7px; color: #777; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.product-info h3 { margin: 0; font-size: 17px; letter-spacing: -.02em; }
.price-row { display: flex; gap: 10px; align-items: center; margin-top: 15px; }
.price-row strong { font-size: 17px; }
.price-row s { color: #8e8f89; font-size: 12px; }
.stock-line { display: flex; align-items: center; gap: 6px; margin-top: 10px; color:#696a65; font-size: 9px; }
.stock-line span { width: 6px; height: 6px; border-radius:50%; background: #2c9860; }
.bulk-banner { margin-bottom: 110px; padding: 48px; display: flex; justify-content: space-between; align-items: flex-end; background: var(--blue); border: 1px solid var(--ink); }
.bulk-banner span { font-size: 10px; font-weight: 800; letter-spacing: .15em; }
.bulk-banner h2 { margin: 10px 0; font-size: clamp(32px,4vw,58px); letter-spacing: -.055em; }
.bulk-banner p { margin: 0; max-width: 680px; font-size: 13px; line-height: 1.7; }
.bulk-banner button { min-width: 210px; height: 50px; padding: 0 18px; display: flex; align-items:center; justify-content:space-between; border:1px solid var(--ink); background:var(--ink); color:#fff; font-size:11px; font-weight:800; cursor:pointer; }
.catalog-page, .cart-page, .checkout-page, .product-page { min-height: 74vh; padding-top: 65px; padding-bottom: 100px; }
.catalog-title { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 38px; }
.catalog-title h1 { margin: 10px 0 0; font-size: clamp(48px,7vw,94px); line-height:.9; letter-spacing:-.075em; }
.catalog-title sup { font-size:20px; vertical-align:top; margin-left:8px; }
.filter-button, .back-button { border:0; background:transparent; padding:8px 0; display:flex; align-items:center; gap:8px; font-size:11px; font-weight:800; cursor:pointer; }
.filter-button { border-bottom:1px solid var(--ink); }
.catalog-tools { border:1px solid var(--ink); background:#fff; margin-bottom:28px; display:grid; grid-template-columns: 330px 1fr; }
.catalog-tools > label { display:flex; align-items:center; gap:10px; padding:0 14px; border-right:1px solid var(--ink); }
.catalog-tools input { width:100%; height:52px; border:0; outline:0; }
.category-pills { display:flex; align-items:stretch; overflow-x:auto; }
.category-pills button { flex:1; white-space:nowrap; border:0; border-right:1px solid var(--line); background:#fff; padding:0 15px; font-size:10px; font-weight:800; cursor:pointer; }
.category-pills button.active { background:var(--ink); color:var(--acid); }
.catalog-grid { grid-template-columns:repeat(4,1fr); }
.catalog-grid .product-card { border-bottom:1px solid var(--ink); }
.empty-state { min-height:400px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--ink); background:#fff; text-align:center; }
.empty-state > svg { width:40px;height:40px; }
.empty-state h2 { margin:18px 0 6px; font-size:32px; }
.empty-state p { margin:0 0 20px;color:var(--muted); }
.empty-state button { border:1px solid var(--ink); background:var(--acid); padding:12px 18px; font-weight:800; cursor:pointer; }
.product-page > .back-button { margin-bottom:25px; }
.product-detail { display:grid; grid-template-columns:54% 46%; border:1px solid var(--ink); background:#fff; }
.product-detail-image { min-height:700px; position:relative; border-right:1px solid var(--ink); background:#e5e2d9; }
.product-detail-image img { width:100%;height:100%;object-fit:cover;position:absolute; }
.product-detail-image > span { position:absolute;top:0;left:0;padding:10px 13px;background:var(--acid);border:1px solid var(--ink);border-width:0 1px 1px 0;font-size:9px;font-weight:800; }
.product-detail-copy { padding:55px; }
.product-detail-copy h1 { margin:12px 0 17px;font-size:clamp(40px,5vw,70px);line-height:.92;letter-spacing:-.065em; }
.detail-price {gap:12px; }
.detail-price strong { font-size:28px; }
.detail-price s { color:#888; }
.detail-price span { color:#888;font-size:9px;text-transform:uppercase;letter-spacing:.1em; }
.product-detail-copy > p { margin:25px 0 35px;color:#5c5d58;line-height:1.7;font-size:13px; }
.selection-block { margin:24px 0; }
.selection-block label { display:flex;justify-content:space-between;margin-bottom:12px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.colour-options,.size-options { display:flex;flex-wrap:wrap;gap:7px; }
.colour-options button,.size-options button { min-height:43px;border:1px solid var(--line);background:#fff;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;cursor:pointer; }
.colour-options button.active,.size-options button.active { border:2px solid var(--ink); }
.colour-options span { width:19px;height:19px;border:1px solid #999; }





.size-options.compact { margin:14px 0 0 30px; }
.size-options.compact button { min-height:32px;padding:0 10px; }
.detail-add { margin-top:25px; }
.detail-assurance { margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px; }
.detail-assurance span { display:flex;align-items:center;gap:6px;font-size:9px; }
.detail-assurance svg { width:16px; }
.cart-layout { display:grid;grid-template-columns:1fr 370px;gap:24px; }
.cart-list { border:1px solid var(--ink);border-bottom:0;background:#fff; }
.cart-item { min-height:160px;display:grid;grid-template-columns:135px 1fr auto 40px;gap:22px;align-items:center;padding:15px;border-bottom:1px solid var(--ink); }
.cart-item > img,.custom-thumb { width:135px;height:130px;object-fit:cover;background:#c7dcff; }
.custom-thumb { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px; }
.custom-thumb small { font-size:8px;font-weight:800;letter-spacing:.14em; }
.cart-item-info > span { color:#777;font-size:8px;font-weight:800;letter-spacing:.13em; }
.cart-item-info h3 { margin:7px 0;font-size:20px; }
.cart-item-info p { margin:0 0 14px;color:#777;font-size:10px; }
.qty-control { height:36px;display:flex;align-items:center;border:1px solid var(--ink); }
.qty-control button { width:34px;height:34px;border:0;background:#fff;display:grid;place-items:center;cursor:pointer; }
.qty-control span { width:30px;text-align:center;font-size:11px;font-weight:800; }
.remove-item { border:0;background:transparent;color:#999;cursor:pointer; }
.order-summary { border:1px solid var(--ink);background:#fff;padding:25px;position:sticky;top:100px; }
.order-summary > div { display:flex;justify-content:space-between;margin:18px 0;font-size:11px; }
.order-summary .included { color:var(--success); }
.order-summary hr { border:0;border-top:1px solid var(--ink);margin:25px 0; }
.order-summary .summary-total strong { font-size:25px; }
.order-summary > p { display:flex;gap:7px;margin:15px 0 0;color:#777;font-size:9px;line-height:1.4; }
.cart-empty > div { display:flex;gap:8px; }
.checkout-page { max-width:1200px; }
.checkout-head { display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:17px; }
.checkout-head > span { display:flex;gap:6px;align-items:center;font-size:10px;font-weight:700; }
.checkout-steps { max-width:660px;margin:35px auto 48px;display:flex;align-items:center; }
.checkout-steps > span { display:flex;align-items:center;gap:8px;color:#999;font-size:9px;font-weight:800;white-space:nowrap; }
.checkout-steps b { width:28px;height:28px;display:grid;place-items:center;border:1px solid #aaa;background:#fff; }
.checkout-steps span.active { color:var(--ink); }
.checkout-steps span.active b { background:var(--ink);color:var(--acid);border-color:var(--ink); }
.checkout-steps i { height:1px;flex:1;background:#aaa; }
.checkout-layout { display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start; }
.checkout-card { min-height:540px;padding:42px;border:1px solid var(--ink);background:#fff; }
.checkout-card h1 { margin:10px 0;font-size:48px;letter-spacing:-.06em; }
.checkout-card > div > p { color:#666;font-size:12px;line-height:1.65; }
.availability-list { margin:28px 0;border:1px solid var(--line); }
.availability-list > div { display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;min-height:77px;padding:7px;border-bottom:1px solid var(--line); }
.availability-list > div:last-child { border:0; }
.availability-list img,.availability-list .custom-thumb { width:62px;height:62px;object-fit:cover; }
.availability-list span { display:grid;gap:5px; }
.availability-list b { font-size:12px; }
.availability-list small { color:#777;font-size:9px; }
.availability-list strong { color:#888;font-size:9px;text-transform:uppercase; }
.availability-list strong.available { display:flex;align-items:center;gap:5px;color:var(--success); }
.availability-list strong svg { width:15px; }
.availability-success { display:flex;align-items:center;gap:12px;border:1px solid var(--success);background:#edf8f1;padding:14px; }
.availability-success > svg { color:var(--success); }
.availability-success span { flex:1;display:grid; }
.availability-success small { margin-top:3px;color:#667; }
.availability-success button { height:38px;border:0;background:var(--success);color:#fff;display:flex;align-items:center;gap:8px;padding:0 13px;font-weight:800;font-size:10px; }
.checkout-form { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0; }
.checkout-form label,.text-field { display:grid;gap:7px;font-size:10px;font-weight:800; }
.checkout-form label small { color:#888;font-weight:400; }
.checkout-form label.full { grid-column:1/-1; }
.checkout-form input,.checkout-form textarea,.text-field input { width:100%;border:1px solid var(--line);background:#faf9f5;padding:13px;outline:0;font-size:12px;resize:vertical; }
.checkout-form input:focus,.checkout-form textarea:focus { border-color:var(--ink); }
.checkout-choice { display:grid;gap:8px;margin:25px 0; }
.checkout-choice > label { font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.checkout-choice button { min-height:62px;border:1px solid var(--line);background:#fff;padding:10px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer; }
.checkout-choice button.active { border:2px solid var(--ink);background:#f7f5ed; }
.checkout-choice button > svg:first-child { width:20px; }
.checkout-choice button span { display:grid;gap:4px;flex:1; }
.checkout-choice button b { font-size:12px; }
.checkout-choice button small { color:#777;font-size:9px; }
.checkout-choice button > svg:last-child { color:var(--success); }
.mini-summary { border:1px solid var(--ink);background:#171817;color:#fff;padding:26px;position:sticky;top:100px; }
.mini-summary > span { color:#999;font-size:9px;letter-spacing:.12em; }
.mini-summary > strong { display:block;margin:8px 0;font-size:38px;letter-spacing:-.04em;color:var(--acid); }
.mini-summary > p { color:#aaa;font-size:10px; }
.mini-summary hr { margin:24px 0;border:0;border-top:1px solid #555; }
.mini-summary > div { display:flex;justify-content:space-between;gap:10px;margin:12px 0;color:#ccc;font-size:9px; }
.order-success { max-width:720px;margin:35px auto;padding:70px;border:1px solid var(--ink);background:#fff;text-align:center; }
.success-icon { width:70px;height:70px;margin:0 auto 25px;display:grid;place-items:center;background:var(--acid);border:1px solid var(--ink); }
.success-icon svg { width:35px;height:35px; }
.order-success h1 { margin:12px 0;font-size:58px;letter-spacing:-.07em; }
.order-success > p { max-width:560px;margin:0 auto 25px;color:#666;line-height:1.7; }
.success-order { max-width:380px;margin:20px auto 30px;padding:15px;display:flex;justify-content:space-between;border:1px solid var(--ink);background:var(--paper);font-size:11px; }
.order-success > div:last-child { display:flex;justify-content:center;gap:8px; }
.designer-page { min-height:100vh;background:#ece9e1; }
.sub-header { height:72px;position:sticky;top:0;z-index:30;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#f7f5ee;border-bottom:1px solid var(--ink); }
.step-label { font-size:10px;font-weight:800;letter-spacing:.12em; }
.step-label span { padding:5px;background:var(--ink);color:var(--acid);margin-right:7px; }
.cart-button { justify-self:end;height:43px;padding:0 14px;border:1px solid var(--ink);background:var(--ink);color:#fff;display:flex;align-items:center;gap:12px;font-size:10px;font-weight:800;cursor:pointer; }
.designer-layout { display:grid;grid-template-columns:minmax(0,1fr) 470px;min-height:calc(100vh - 72px); }
.designer-stage { min-height:760px;position:sticky;top:72px;height:calc(100vh - 72px);background:#d7d1c5;background-image:linear-gradient(rgba(23,24,23,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.08) 1px,transparent 1px);background-size:32px 32px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.stage-topline {top:17px;font-size:9px;font-weight:800;letter-spacing:.12em; }
.shirt-canvas { width:min(520px,75%);height:620px;display:grid;place-items:center; }
.shirt-shape { width:420px;height:510px;background:var(--shirt);filter:drop-shadow(0 25px 20px rgba(0,0,0,.15));border:0;clip-path:polygon(24% 0,38% 0,42% 7%,58% 7%,62% 0,76% 0,100% 17%,84% 35%,76% 28%,78% 100%,22% 100%,24% 28%,16% 35%,0 17%); }
.shirt-shape .shirt-neck { border-color:rgba(0,0,0,.45);top:3px; }
.print-area { width:46%;height:50%;position:relative; }
.design-layer { position:absolute;transform:translate(-50%,-50%);touch-action:none;user-select:none;cursor:move; }
.design-layer.selected:after { content:"";position:absolute;inset:-6px;border:1px dashed #e7ff48;box-shadow:0 0 0 1px #111;pointer-events:none; }
.text-layer { white-space:nowrap;font-weight:900;line-height:.9;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.16); }
.image-layer img { width:100%;pointer-events:none; }
.drag-hint { position:absolute;bottom:18px;padding:9px 13px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ink);font-size:9px;font-weight:700; }
.designer-controls { background:#fff;border-left:1px solid var(--ink); }
.control-head { height:67px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink); }
.control-head span { font-size:10px;font-weight:900;letter-spacing:.12em; }
.control-head small { color:#777;font-size:9px; }
.control-block { padding:20px;border-bottom:1px solid var(--line); }
.control-block > label,.control-block > div > label { display:block;margin-bottom:12px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.model-grid { display:grid;grid-template-columns:1fr 1fr;gap:6px; }
.model-grid button { min-height:70px;border:1px solid var(--line);background:#fff;padding:9px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;gap:2px 7px;text-align:left;align-items:center;font-size:10px;font-weight:800;cursor:pointer; }
.model-grid button.active { border:2px solid var(--ink);background:#f6f3ea; }
.model-grid .mini-shirt { grid-row:1/3;width:25px;height:29px; }
.model-grid small { color:#777;font-size:8px;font-weight:400; }
.split-control { display:grid;grid-template-columns:1fr 85px;gap:20px; }
.swatches { display:flex;gap:7px;flex-wrap:wrap; }
.swatches button { width:26px;height:26px;border:1px solid #999;cursor:pointer; }
.swatches button.active { outline:2px solid var(--ink);outline-offset:2px; }
.control-block select { width:100%;height:38px;border:1px solid var(--line);background:#fff;padding:0 8px;font-size:10px; }
.input-with-icon { height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:0 10px; }
.input-with-icon input { width:100%;border:0;outline:0;font-size:12px; }
.inline-fields { display:grid;grid-template-columns:1fr 42px 1.5fr;gap:8px;margin-top:8px;align-items:center; }
.inline-fields input[type=color] { width:42px;height:38px;border:1px solid var(--line);padding:3px;background:#fff; }
.range-field { display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:6px;margin:0!important;font-size:8px!important; }
.range-field input { width:100%;accent-color:var(--ink); }
.upload-zone { min-height:75px!important;margin:0!important;border:1px dashed var(--ink);display:grid!important;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:12px;cursor:pointer; }
.upload-zone > svg { grid-row:1/3; }
.upload-zone b { font-size:10px;text-transform:none;letter-spacing:0; }
.upload-zone small { color:#777;font-size:8px;text-transform:none;letter-spacing:0; }
.upload-zone input { display:none; }
.image-actions { margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:10px; }
.image-actions button { border:0;background:transparent;color:var(--danger);display:flex;gap:5px;align-items:center;font-size:9px;cursor:pointer; }
.print-options { display:grid;gap:6px; }
.print-options button { min-height:49px;border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:22px 1fr auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;text-align:left;padding:7px 10px;cursor:pointer; }
.print-options button.active { border:2px solid var(--ink);background:#f7f5ed; }
.print-options button > span { width:17px;height:17px;grid-row:1/3;border:1px solid var(--ink);display:grid;place-items:center;background:var(--ink);color:var(--acid); }
.print-options b { font-size:10px; }
.print-options small { color:#777;font-size:8px; }
.print-options strong { grid-column:3;grid-row:1/3;font-size:11px; }
.designer-total { padding:20px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line); }
.designer-total > div:first-child { display:grid; }
.designer-total small,.designer-total span { font-size:8px;color:#777; }
.designer-total strong { font-size:25px; }
.designer-controls > .primary { margin:16px;width:calc(100% - 32px); }
footer { background:#1a1b1a;color:#fff; }
.footer-main { padding:65px 4vw;display:grid;grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr;gap:40px; }
.footer-main > p { max-width:290px;color:#999;font-size:12px;line-height:1.7; }
.footer-main > div:not(.brand) { display:flex;flex-direction:column;align-items:flex-start;gap:12px; }
.footer-main > div > b { color:var(--acid);font-size:9px;letter-spacing:.14em;margin-bottom:4px; }
.footer-main button,.footer-main a { border:0;background:transparent;color:#bbb;padding:0;font-size:11px;cursor:pointer; }
.footer-bottom { padding:18px 4vw;border-top:1px solid #444;display:flex;justify-content:space-between;color:#777;font-size:9px;letter-spacing:.06em; }
.mobile-bottom { display:none; }
.overlay { position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.72);display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px); }
.legal-panel,.payment-modal { width:min(600px,100%);max-height:85vh;overflow:auto;position:relative;background:#fff;border:1px solid var(--ink);padding:50px;box-shadow:10px 10px 0 var(--acid); }
.close { position:absolute;right:16px;top:16px;width:36px;height:36px;border:1px solid var(--ink);background:#fff;display:grid;place-items:center;cursor:pointer; }
.legal-panel h2 { margin:12px 0 25px;font-size:48px;letter-spacing:-.06em; }
.legal-panel p { color:#5d5e59;line-height:1.8;font-size:13px; }
.legal-contact { margin-top:25px;padding:17px;background:var(--paper);border-left:5px solid var(--acid);display:grid;gap:4px; }
.legal-contact span { font-size:10px;color:#777; }
.toast { position:fixed;right:20px;bottom:20px;z-index:120;min-width:290px;height:58px;padding:0 12px;background:var(--ink);color:#fff;border:1px solid var(--acid);display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;box-shadow:6px 6px 0 rgba(0,0,0,.2); }
.toast > svg { color:var(--acid); }
.toast button { margin-left:auto;border:0;border-bottom:1px solid var(--acid);background:transparent;color:var(--acid);font-size:9px;cursor:pointer; }
.payment-modal { max-width:430px;text-align:center;box-shadow:8px 8px 0 var(--blue); }
.payment-modal > svg { width:45px;height:45px;margin:30px auto 10px; }
.demo-tag { display:inline-block;padding:6px 9px;background:var(--acid);border:1px solid var(--ink);font-size:9px;font-weight:900;letter-spacing:.1em; }
.payment-modal h2 { margin:9px 0;font-size:46px; }
.payment-modal p { color:#666;font-size:12px;line-height:1.6; }
.text-button { border:0;background:transparent;margin-top:14px;font-size:10px;font-weight:800;cursor:pointer; }
.admin-shell { min-height:100vh;background:#ecebe6;display:grid;grid-template-columns:235px 1fr; }
.admin-sidebar { position:sticky;top:0;height:100vh;background:#171817;color:#fff;border-right:1px solid #333;display:flex;flex-direction:column;z-index:50; }
.admin-logo { height:78px;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #393a38; }
.admin-logo > span { width:37px;height:37px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:24px;font-weight:900; }
.admin-logo > div { display:grid;gap:3px; }
.admin-logo b { font-size:16px;letter-spacing:-.04em; }
.admin-logo small { color:#888;font-size:7px;letter-spacing:.15em; }
.admin-sidebar nav { padding:20px 10px;display:flex;flex-direction:column;gap:4px; }
.admin-sidebar nav > span { margin:17px 9px 8px;color:#696a67;font-size:8px;font-weight:900;letter-spacing:.14em; }
.admin-sidebar nav button,.admin-sidebar nav a { height:43px;padding:0 11px;border:0;background:transparent;color:#aaa;display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;cursor:pointer; }
.admin-sidebar nav button svg,.admin-sidebar nav a svg { width:17px; }
.admin-sidebar nav button.active { background:var(--acid);color:var(--ink);font-weight:800; }
.admin-sidebar nav button b { margin-left:auto;padding:3px 6px;background:#333;color:#aaa;font-size:8px; }
.admin-sidebar nav a svg:last-child { margin-left:auto;width:13px; }
.admin-account { margin:auto 10px 12px;padding:11px;border:1px solid #444;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px; }
.admin-account > span { width:34px;height:34px;display:grid;place-items:center;background:#333;font-size:10px;font-weight:800; }
.admin-account div { display:grid;gap:3px; }
.admin-account b { font-size:10px; }
.admin-account small { color:#777;font-size:8px; }
.admin-account svg { width:15px;color:#777; }
.admin-main { min-width:0; }
.admin-main > header { height:78px;padding:0 27px;display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid var(--ink);position:sticky;top:0;z-index:40; }
.admin-main > header > div:first-of-type span { color:#888;font-size:7px;font-weight:800;letter-spacing:.13em; }
.admin-main > header h1 { margin:3px 0 0;font-size:19px;letter-spacing:-.03em; }
.admin-header-actions { margin-left:auto;display:flex;align-items:center;gap:8px; }
.admin-header-actions > label,.admin-toolbar label { width:220px;height:40px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--line); }
.admin-header-actions label svg,.admin-toolbar label svg { width:16px; }
.admin-header-actions input,.admin-toolbar input { width:100%;border:0;outline:0;font-size:10px; }
.admin-header-actions > a { width:40px;height:40px;border:1px solid var(--line);display:grid;place-items:center;position:relative; }
.admin-header-actions > a svg { width:17px; }
.admin-header-actions > a span { position:absolute;top:-6px;right:-5px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--danger);color:#fff;font-size:8px; }
.admin-primary { height:40px;padding:0 14px;border:1px solid var(--ink)!important;background:var(--ink)!important;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px!important;font-weight:800;cursor:pointer; }
.admin-primary svg { width:15px; }
.admin-menu { display:none; }
.admin-content { padding:26px; }
.metric-grid { display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);border-right:0;background:#fff; }
.metric-grid article { min-height:170px;padding:18px;border-right:1px solid var(--ink);position:relative;display:flex;flex-direction:column;justify-content:flex-end; }
.metric-grid article.dark { background:var(--ink);color:#fff; }
.metric-grid article.acid { background:var(--acid); }
.metric-grid article > span { position:absolute;top:17px;font-size:8px;font-weight:900;letter-spacing:.12em; }
.metric-grid article > svg { position:absolute;right:17px;top:16px;width:20px; }
.metric-grid strong { font-size:47px;letter-spacing:-.06em; }
.metric-grid small { color:#777;font-size:9px; }
.admin-two-col,.settings-grid { display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:18px; }
.admin-panel { background:#fff;border:1px solid var(--ink); }
.panel-head { min-height:72px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink); }
.panel-head span { color:#888;font-size:7px;font-weight:900;letter-spacing:.13em; }
.panel-head h2 { margin:4px 0 0;font-size:19px; }
.panel-head a,.panel-head > button:not(.admin-primary) { border:0;background:transparent;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800;cursor:pointer; }
.panel-head svg { width:14px; }
.recent-orders article { min-height:66px;padding:8px 15px;display:grid;grid-template-columns:9px 1fr 90px 70px 70px;gap:10px;align-items:center;border-bottom:1px solid var(--line); }
.recent-orders article:last-child { border:0; }
.order-dot,.status-mark { width:8px;height:8px;border-radius:50%;background:#f0a124; }
.order-dot.packed,.status-mark.packed { background:#436bce; }
.order-dot.ready,.status-mark.ready { background:#7256b8; }
.order-dot.delivered,.status-mark.delivered { background:var(--success); }
.order-dot.cancelled,.status-mark.cancelled { background:var(--danger); }
.order-dot.shipped,.status-mark.shipped { background:#127b8a; }
.recent-orders article div { display:grid;gap:3px; }
.recent-orders b { font-size:10px; }
.recent-orders small,.recent-orders time { color:#888;font-size:8px; }
.recent-orders strong { font-size:11px; }
.recent-orders em { padding:5px;background:#f2f0e9;font-style:normal;font-size:8px;text-align:center; }
.quick-panel > button { width:100%;height:77px;padding:0 14px;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer; }
.quick-panel > button > svg:first-child { width:34px;height:34px;padding:8px;background:var(--paper); }
.quick-panel button span { display:grid;gap:5px; }
.quick-panel b { font-size:10px; }
.quick-panel small { color:#888;font-size:8px; }
.quick-panel button > svg:last-child { width:14px; }
.admin-toolbar { min-height:58px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--ink);background:#fff;margin-bottom:15px; }
.admin-toolbar > button { height:40px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:6px;font-size:9px; }
.admin-toolbar > button svg { width:15px; }
.admin-toolbar > span { margin-left:auto;color:#777;font-size:9px; }
.product-table { background:#fff;border:1px solid var(--ink);overflow-x:auto; }
.product-table > div,.product-table > article { min-width:880px;display:grid;grid-template-columns:2fr 1fr 1fr .8fr .7fr .65fr 35px;gap:12px;align-items:center;padding:8px 13px;border-bottom:1px solid var(--line); }
.product-table .table-head { height:38px;background:var(--ink);color:#fff;font-size:7px;font-weight:900;letter-spacing:.1em; }
.product-table > article:last-child { border:0; }
.table-product { display:flex;align-items:center;gap:10px; }
.table-product img { width:48px;height:48px;object-fit:cover; }
.table-product span,.product-table article > span,.product-table article > b { display:grid;gap:4px;font-size:9px; }
.product-table small { color:#888;font-size:7px; }
.product-table em { padding:5px;background:#eaf6ef;color:var(--success);font-size:7px;font-style:normal;text-align:center; }
.product-table article > button { border:0;background:transparent;color:#999;cursor:pointer; }
.product-table article > button svg { width:15px; }
.category-admin > article { min-height:75px;padding:10px 16px;display:grid;grid-template-columns:45px 1fr 100px 110px 30px;gap:12px;align-items:center;border-bottom:1px solid var(--line); }
.category-number { color:#aaa;font-size:10px; }
.category-admin article > div { display:grid;gap:4px; }
.category-admin b { font-size:12px; }
.category-admin small,.category-admin article > span:nth-child(3) { color:#888;font-size:9px; }
.category-admin article button { height:32px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px; }
.category-admin article button svg { width:13px; }
.settings-grid { grid-template-columns:1fr 1fr;margin-top:0; }
.setting-list article { min-height:67px;padding:8px 14px;display:grid;grid-template-columns:38px 1fr auto 25px;gap:10px;align-items:center;border-bottom:1px solid var(--line); }
.setting-list article > div { display:grid;gap:4px; }
.setting-list b { font-size:10px; }
.setting-list small { color:#888;font-size:8px; }
.setting-list article > button { border:0;background:transparent; }
.setting-list article > button svg { width:14px; }
.switch input { display:none; }
.switch span { width:32px;height:18px;border:1px solid #aaa;background:#ddd;display:block;position:relative; }
.switch span:after { content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border:1px solid #999;transition:left .2s; }
.switch input:checked + span { background:var(--acid);border-color:var(--ink); }
.switch input:checked + span:after { left:16px;background:var(--ink);border-color:var(--ink); }
.print-admin article,.payment-admin article { min-height:75px;padding:12px 14px;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid var(--line); }
.print-admin article > span,.payment-admin article > span { width:40px;height:40px;display:grid;place-items:center;background:var(--paper);font-size:8px;font-weight:900; }
.print-admin article > div,.payment-admin article > div { display:grid;gap:4px; }
.print-admin b,.payment-admin b { font-size:10px; }
.print-admin small,.payment-admin small { color:#888;font-size:8px; }
.print-admin strong { font-size:12px; }
.payment-admin em { padding:5px 8px;background:#eaf6ef;color:var(--success);font-size:7px;font-style:normal; }
.admin-note { margin:16px;padding:12px;background:#f5f1db;border-left:4px solid #e0bc3d;display:flex;align-items:center;gap:10px; }
.admin-note svg { width:18px; }
.admin-note span { display:grid;gap:4px; }
.admin-note b { font-size:9px; }
.admin-note small { color:#777;font-size:8px; }
.colour-admin { margin-top:18px; }
.colour-admin > div:last-child { padding:18px;display:flex;gap:8px;flex-wrap:wrap; }
.colour-admin > div > button { height:38px;padding:0 12px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:7px;font-size:9px; }
.colour-admin button span { width:17px;height:17px;border:1px solid #999; }
.delivery-list article > svg { width:20px; }
.admin-overlay { place-items:stretch end;padding:0; }
.admin-drawer,.order-drawer { width:min(700px,100%);height:100vh;overflow:auto;background:#fff;border-left:1px solid var(--ink);box-shadow:-10px 0 30px rgba(0,0,0,.2); }
.drawer-head { min-height:78px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink); }
.drawer-head span { font-size:8px;font-weight:900;letter-spacing:.13em;color:#888; }
.drawer-head h2 { margin:4px 0 0;font-size:26px; }
.drawer-head button { width:38px;height:38px;border:1px solid var(--ink);background:#fff;display:grid;place-items:center; }
.form-section { padding:20px;border-bottom:1px solid var(--line); }
.form-section > label:first-child { display:block;margin-bottom:12px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.type-cards { display:grid;grid-template-columns:repeat(3,1fr);gap:7px; }
.type-cards button { min-height:90px;border:1px solid var(--line);background:#fff;padding:10px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:1fr 1fr;gap:4px 5px;text-align:left;cursor:pointer; }
.type-cards button.active { border:2px solid var(--ink);background:#f6f4ed; }
.type-cards button > span { width:17px;height:17px;grid-row:1/3;border:1px solid var(--ink);display:grid;place-items:center; }
.type-cards button.active > span { background:var(--ink);color:var(--acid); }
.type-cards span svg { width:12px; }
.type-cards b { font-size:9px; }
.type-cards small { color:#777;font-size:7px;line-height:1.4; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.form-grid label { display:grid;gap:7px;font-size:9px;font-weight:800; }
.form-grid input,.form-grid select { height:39px;border:1px solid var(--line);background:#fff;padding:0 10px;font-size:10px; }
.file-input { height:39px;border:1px dashed var(--ink);display:flex;align-items:center;gap:7px;padding:0 10px;font-size:9px; }
.file-input svg { width:15px; }
.file-input input { display:none; }
.section-inline { display:flex;justify-content:space-between;align-items:center;margin-bottom:13px; }
.section-inline label { font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.section-inline button { border:0;background:transparent;display:flex;align-items:center;gap:4px;font-size:8px;font-weight:800; }
.section-inline svg { width:13px; }
.text-field { margin-bottom:11px; }
.variant-preview { margin-top:12px;border:1px solid var(--line); }
.variant-preview > div { display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:6px;align-items:center;padding:5px 8px;border-bottom:1px solid var(--line); }
.variant-preview > div:first-child { background:var(--paper);font-size:7px; }
.variant-preview span { font-size:9px; }
.variant-preview input { width:100%;height:31px;border:1px solid var(--line);padding:0 5px;font-size:8px; }
.variant-preview input:disabled { background:#eee;color:#aaa; }
.toggle-list { padding:0; }
.toggle-list > label { min-height:62px;margin:0!important;padding:9px 20px;display:grid!important;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);text-transform:none!important;letter-spacing:0!important; }
.toggle-list label > span { display:grid;gap:4px; }
.toggle-list b { font-size:9px; }
.toggle-list small { color:#888;font-size:8px;font-weight:400; }
.toggle-list input { appearance:none;width:34px;height:19px;border:1px solid #aaa;background:#ddd;position:relative; }
.toggle-list input:after { content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;background:#fff;border:1px solid #999; }
.toggle-list input:checked { background:var(--acid);border-color:var(--ink); }
.toggle-list input:checked:after { left:17px;background:var(--ink); }
.drawer-actions { position:sticky;bottom:0;padding:13px 20px;background:#fff;border-top:1px solid var(--ink);display:flex;justify-content:flex-end;gap:8px; }
.drawer-actions > button:first-child { border:1px solid var(--ink);background:#fff;padding:0 16px;font-size:9px;font-weight:800; }






























.order-board { display:grid;grid-template-columns:repeat(3,1fr);gap:14px; }
.order-card { border:1px solid var(--ink);background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s; }
.order-card:hover { transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink); }
.order-card-top { height:43px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line); }
.order-card-top > div { display:flex;align-items:center;gap:7px;font-size:8px;font-weight:900;letter-spacing:.08em; }
.order-card-top time { display:flex;align-items:center;gap:5px;color:#888;font-size:8px; }
.order-card-top time svg { width:13px; }
.order-id { padding:17px 17px 5px;display:grid;gap:3px; }
.order-id span { color:#888;font-size:7px;letter-spacing:.12em; }
.order-id strong { font-size:25px; }
.order-customer { padding:10px 17px 17px;display:grid;gap:8px; }
.order-customer b { font-size:14px; }
.order-customer span { display:flex;align-items:center;gap:6px;color:#777;font-size:9px; }
.order-customer svg { width:13px; }
.order-facts { display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.order-facts div { min-height:63px;padding:11px;border-right:1px solid var(--line);display:grid;gap:6px; }
.order-facts div:last-child { border:0; }
.order-facts small { color:#999;font-size:6px;font-weight:900;letter-spacing:.1em; }
.order-facts b { font-size:9px;line-height:1.35; }
.order-card-bottom { height:59px;padding:0 14px;display:flex;align-items:center;justify-content:space-between; }
.order-card-bottom strong { font-size:19px; }
.order-card-bottom button { border:0;background:transparent;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:900; }
.order-card-bottom svg { width:13px; }

.order-drawer { width:min(520px,100%);padding-bottom:20px; }
.drawer-status { min-height:77px;padding:12px 20px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;background:var(--paper);border-bottom:1px solid var(--ink); }
.drawer-status div { display:grid;gap:4px; }
.drawer-status small { color:#888;font-size:7px;letter-spacing:.1em; }
.drawer-status b { font-size:13px; }
.drawer-status time { color:#888;font-size:8px; }
.drawer-section { padding:20px;border-bottom:1px solid var(--line); }
.drawer-section > span,.detail-grid span { color:#888;font-size:7px;font-weight:900;letter-spacing:.12em; }
.drawer-section h3 { margin:8px 0 13px;font-size:24px; }
.drawer-section p { margin:7px 0;display:flex;align-items:center;gap:7px;color:#666;font-size:10px; }
.drawer-section p svg { width:14px; }
.fake-item { margin-top:12px;display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:10px; }
.fake-item > div { width:55px;height:55px;display:grid;place-items:center;background:var(--blue); }
.fake-item > span { display:grid;gap:4px; }
.fake-item b { font-size:10px; }
.fake-item small { color:#777;font-size:8px;line-height:1.4; }
.fake-item strong { font-size:11px; }
.detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:16px; }
.detail-grid div { display:grid;gap:8px; }
.detail-grid b { display:flex;align-items:center;gap:6px;font-size:10px; }
.detail-grid svg { width:16px; }
.drawer-total { padding:20px;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff; }
.drawer-total span { font-size:10px; }
.drawer-total strong { color:var(--acid);font-size:29px; }
.order-actions { padding:15px 20px;display:grid; }
.order-actions button { min-height:44px;border:1px solid var(--ink);font-size:9px;font-weight:800;cursor:pointer; }


.order-actions .cancel-order { color:var(--danger);border-color:#d6a49f; }
.price-edit { height:32px;width:86px;border:1px solid var(--line);display:flex;align-items:center;padding:0 7px;font-size:9px;font-weight:800; }
.price-edit input { width:100%;border:0;outline:0;text-align:right;font-size:10px;background:transparent; }
@media (max-width: 1100px) {
  .site-header { grid-template-columns:220px 1fr auto; }.site-header nav { gap:18px; }.header-search { display:none; }
  .hero { grid-template-columns:1fr 1fr; }.hero-copy { padding-left:4vw; }.hero-shirt { width:270px;height:335px; }.floating-tool { transform:scale(.85); }
  .category-grid { grid-template-columns:repeat(3,1fr); }.category-block:first-child { grid-column:span 1; }.category-block { border-bottom:1px solid var(--ink); }.product-image-wrap { height:300px; }
  .designer-layout { grid-template-columns:1fr 410px; }.shirt-shape { width:350px;height:430px; }
  .admin-shell { grid-template-columns:205px 1fr; }.admin-header-actions label { display:none; }.metric-grid { grid-template-columns:1fr 1fr; }.metric-grid article { border-bottom:1px solid var(--ink); }.order-board { grid-template-columns:1fr 1fr; }
}
@media (max-width: 760px) {
  body { padding-bottom:64px; }.announcement { height:25px;justify-content:center;text-align:center;font-size:7px; }.announcement b { display:none; }
  .site-header { height:62px;grid-template-columns:40px 1fr auto;padding:0 14px;gap:8px; }.mobile-menu { display:grid;width:36px;height:36px;place-items:center;border:0;background:transparent; }.site-header .brand-copy { display:none; }.brand-mark { width:36px;height:36px;font-size:22px; }.site-header .logo-button { justify-self:center; }.site-header nav { display:none;position:absolute;top:62px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ink);padding:10px; }.site-header nav.open { display:grid; }.site-header nav button { height:45px;text-align:left;padding:0 10px;border-bottom:1px solid var(--line); }.bag-link { width:38px;height:36px; }.section-wrap { width:100%;padding-left:14px!important;padding-right:14px!important; }
  .hero { min-height:auto;display:flex;flex-direction:column; }.hero-copy { min-height:570px;padding:70px 20px 55px; }.hero-copy h1 { font-size:65px;margin:18px 0; }.hero-copy > p { font-size:14px; }.hero-actions { display:grid;grid-template-columns:1fr;margin-top:25px; }.hero-proof { flex-direction:column;gap:9px;margin-top:28px; }.hero-visual { height:520px;border-left:0;border-top:1px solid var(--ink); }.hero-visual:before { width:80%;height:73%; }.hero-shirt { width:245px;height:305px; }.hero-shirt strong { font-size:29px; }.floating-tool { min-width:105px;height:36px;padding:0 9px;font-size:8px; }.tool-a { left:2%;top:26%; }.tool-b { right:1%;top:47%; }.tool-c { left:7%;bottom:20%; }.visual-cta { height:55px;width:190px; }
  .category-section,.products-section { padding-top:70px!important;padding-bottom:70px!important; }.section-heading { align-items:flex-start;gap:20px;margin-bottom:28px; }.section-heading h2 { font-size:42px; }.section-heading > button { font-size:8px;white-space:nowrap; }.category-grid { grid-template-columns:1fr 1fr; }.category-block { min-height:220px; }.category-block:nth-child(even) { border-right:0; }.category-block h3 { font-size:18px; }.mini-shirt.large { width:65px;height:75px; }
  .process-section { padding:70px 14px; }.process-section h2 { font-size:48px; }.process-grid { grid-template-columns:1fr 1fr; }.process-grid article { min-height:220px;border-bottom:1px solid #555; }.process-grid article:nth-child(even) { border-right:0; }.process-grid h3 { font-size:24px; }.product-grid,.catalog-grid { grid-template-columns:1fr 1fr; }.product-image-wrap { height:225px; }.product-info { padding:12px;min-height:135px; }.product-info h3 { font-size:14px; }.bulk-banner { margin:0 14px 70px;padding:25px;display:grid;gap:25px; }.bulk-banner button { width:100%; }.catalog-page,.cart-page,.checkout-page,.product-page { padding-top:38px!important;padding-bottom:60px!important; }.catalog-title { align-items:flex-start; }.catalog-title h1 { font-size:51px; }.catalog-tools { grid-template-columns:1fr; }.catalog-tools > label { border-right:0;border-bottom:1px solid var(--ink); }.category-pills { height:45px; }.category-pills button { min-width:max-content; }.product-detail { display:block; }.product-detail-image { min-height:410px;border-right:0;border-bottom:1px solid var(--ink); }.product-detail-copy { padding:25px 18px; }.product-detail-copy h1 { font-size:43px; }.detail-assurance { grid-template-columns:1fr; }.cart-layout { display:block; }.cart-item { min-height:125px;grid-template-columns:90px 1fr auto;gap:12px;position:relative; }.cart-item > img,.cart-item > .custom-thumb { width:90px;height:95px; }.cart-item .qty-control { grid-column:2;justify-self:start; }.remove-item { position:absolute;right:10px;top:10px; }.order-summary { margin-top:15px;position:static; }.checkout-head .back-button { font-size:0; }.checkout-head .back-button svg { width:21px; }.checkout-steps { margin:28px 0; }.checkout-steps > span { font-size:0; }.checkout-layout { display:block; }.checkout-card { min-height:auto;padding:25px 17px; }.checkout-card h1 { font-size:39px; }.mini-summary { margin-top:14px;position:static; }.checkout-form { grid-template-columns:1fr; }.checkout-form label.full { grid-column:auto; }.order-success { padding:45px 18px; }.order-success h1 { font-size:45px; }.order-success > div:last-child { flex-direction:column; }
  .designer-page { padding-bottom:0; }.sub-header { height:62px;padding:0 12px;grid-template-columns:1fr auto; }.sub-header .step-label { display:none; }.cart-button { height:38px; }.designer-layout { display:flex;flex-direction:column; }.designer-stage { min-height:520px;height:520px;position:relative;top:0; }.shirt-canvas { width:100%;height:450px; }.shirt-shape { width:275px;height:340px; }.drag-hint { bottom:10px; }.designer-controls { border-left:0;border-top:1px solid var(--ink); }.control-head { height:58px; }.model-grid button { min-height:67px; }.designer-controls > .primary { margin-bottom:24px; }.sub-header .back-button { font-size:0; }.sub-header .back-button svg { width:22px;height:22px; }
  footer { margin-bottom:-64px;padding-bottom:64px; }.footer-main { padding:45px 24px;grid-template-columns:1fr 1fr;gap:30px; }.footer-main > .brand,.footer-main > p { grid-column:1/-1; }.footer-bottom { padding:15px 20px;display:grid;gap:8px; }.mobile-bottom { position:fixed;left:0;right:0;bottom:0;height:64px;z-index:80;background:#fff;border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(4,1fr); }.mobile-bottom button { border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;position:relative; }.mobile-bottom svg,.mobile-bottom button > span { width:18px;height:18px;font-size:18px; }.mobile-bottom button.active { background:var(--paper);font-weight:900; }.mobile-bottom button:nth-child(3) { background:var(--acid);border-left:1px solid var(--ink);border-right:1px solid var(--ink); }.mobile-bottom i { position:absolute;top:7px;right:23%;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:7px;font-style:normal; }.toast { left:10px;right:10px;bottom:74px;min-width:0; }.legal-panel,.payment-modal { padding:42px 22px; }.legal-panel h2 { font-size:38px; }
  .admin-shell { display:block;padding-bottom:0; }.admin-sidebar { position:fixed;left:-240px;width:235px;transition:left .25s; }.admin-sidebar.open { left:0; }.sidebar-scrim { position:fixed;inset:0;z-index:45;border:0;background:rgba(0,0,0,.5); }.admin-main > header { height:67px;padding:0 12px; }.admin-menu { display:grid;width:36px;height:36px;border:1px solid var(--line);background:#fff;place-items:center; }.admin-main > header h1 { font-size:15px; }.admin-main > header > div:first-of-type span { display:none; }.admin-header-actions > a,.admin-header-actions > .admin-primary { width:38px;padding:0;font-size:0!important; }.admin-header-actions .admin-primary svg { width:18px; }.admin-content { padding:12px; }.metric-grid { grid-template-columns:1fr 1fr; }.metric-grid article { min-height:135px; }.metric-grid strong { font-size:36px; }.admin-two-col,.settings-grid { grid-template-columns:1fr; }.recent-orders article { grid-template-columns:8px 1fr 70px 55px; }.recent-orders time { display:none; }.admin-toolbar label { width:180px; }.admin-toolbar > span { display:none; }.category-admin > article { grid-template-columns:30px 1fr 55px 25px; }.category-admin article > button:nth-last-child(2) { display:none; }.type-cards { grid-template-columns:1fr; }.form-grid { grid-template-columns:1fr; }.variant-preview { overflow-x:auto; }.variant-preview > div { min-width:520px; }.admin-drawer { width:100%; }
  .order-board { grid-template-columns:1fr; }.order-drawer { width:100%; }.detail-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto!important;transition:none!important; } }
body { user-select:text;-webkit-user-select:text;-webkit-touch-callout:default; }
input,textarea,[contenteditable="true"] { user-select:text;-webkit-user-select:text; }
img { -webkit-user-drag:none; }
.install-link { min-height:40px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid rgba(75,45,80,.15);border-radius:12px;background:rgba(255,255,255,.76);box-shadow:0 8px 18px rgba(55,28,61,.08);font-size:9px;font-weight:900;cursor:pointer; }
.install-link svg { width:16px; }
.nav-install { display:none!important; }
.premium-designer { min-height:100dvh;padding:0;background:radial-gradient(circle at 33% 20%,#fff 0,#f0e8f3 43%,#dcd0e1 100%); }
.designer-topbar { height:72px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(69,37,75,.14);background:rgba(255,255,255,.82);box-shadow:0 12px 35px rgba(55,28,61,.09);backdrop-filter:blur(24px) saturate(1.35); }
.designer-topbar > div { display:grid;text-align:center;gap:3px; }
.designer-topbar > div span { color:#897d8c;font-size:7px;font-weight:900;letter-spacing:.17em; }
.designer-topbar > div strong { color:var(--purple);font-size:11px;letter-spacing:.08em; }
.designer-topbar .back-button { justify-self:start; }
.designer-cart-button { justify-self:end;min-height:42px;padding:0 17px;display:flex;align-items:center;gap:8px;border:0;border-radius:13px;background:linear-gradient(145deg,#8a168f,#4b0d5b);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 25px rgba(77,12,89,.24);font-size:9px;font-weight:900;cursor:pointer; }
.designer-cart-button svg { width:17px; }
.designer-shell { min-height:calc(100dvh - 72px);display:grid;grid-template-columns:minmax(0,1fr) 450px; }
.designer-workspace { min-width:0;padding:20px 24px 26px; }
.surface-switcher { width:min(670px,94%);margin:0 auto 16px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border:1px solid rgba(77,46,83,.13);border-radius:18px;background:rgba(255,255,255,.64);box-shadow:inset 0 1px 0 #fff,0 13px 28px rgba(59,31,65,.1);backdrop-filter:blur(16px); }
.surface-switcher button { min-height:53px;padding:7px 11px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;position:relative;border:0;border-radius:13px;background:transparent;color:#786d7b;cursor:pointer; }
.surface-switcher button span { grid-column:1;color:#9c909f;font-size:6px;font-weight:900;letter-spacing:.13em; }
.surface-switcher button b { grid-column:1;font-size:10px; }
.surface-switcher button i { grid-column:2;grid-row:1/3;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#e4dce6;color:#766b79; }
.surface-switcher button i svg { width:10px; }
.surface-switcher button.active { background:linear-gradient(145deg,#86208c,#4b1058);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 19px rgba(74,14,84,.23); }
.surface-switcher button.active span { color:#e9caed; }
.surface-switcher button.active i { background:#ffd04b;color:#4a2b00; }
.premium-designer .designer-stage { min-height:680px;height:calc(100dvh - 176px);max-height:820px;position:sticky;top:92px;overflow:hidden;border:1px solid rgba(75,42,81,.13);border-radius:28px;background:radial-gradient(circle at 50% 37%,#fff 0,#ece1ef 45%,#c5afcb 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -30px 80px rgba(88,23,98,.09),0 28px 65px rgba(52,25,58,.15);perspective:1300px; }
.premium-designer .designer-stage:before { width:68%;height:55%;top:34%;left:16%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(116,16,125,.04) 62%,transparent 64%); }
.stage-topline { position:absolute;top:18px;left:20px;right:20px;z-index:20;display:flex;justify-content:space-between;align-items:center;pointer-events:none; }
.stage-topline span { padding:8px 10px;display:flex;align-items:center;gap:6px;border:1px solid rgba(69,38,74,.11);border-radius:9px;background:rgba(255,255,255,.72);box-shadow:0 7px 17px rgba(48,23,54,.09);color:#4c3f50;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px); }
.stage-topline span svg { width:13px;color:var(--purple); }
.stage-topline small { color:#776b7a;font-size:7px;font-weight:800;letter-spacing:.04em; }
.shirt-shadow { position:absolute;z-index:1;left:33%;right:33%;bottom:7%;height:7%;border-radius:50%;background:rgba(44,19,50,.26);filter:blur(23px); }
.real-shirt,.shirt-tint { position:absolute;z-index:2;left:50%;top:51%;width:76%;height:90%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 36px 26px rgba(43,18,48,.24));pointer-events:none;transition:transform .45s ease; }
.shirt-tint { z-index:3;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.78;filter:none; }
.real-shirt.show-back,.shirt-tint.show-back { transform:translate(-50%,-50%) scaleX(-1); }
.premium-designer .print-area { position:absolute;z-index:8;left:50%;top:47%;width:25%;height:38%;transform:translate(-50%,-50%);touch-action:none; }
.premium-designer .print-area.surface-back { top:46%;width:27%;height:40%; }
.premium-designer .print-area.surface-leftSleeve { left:29%;top:34%;width:13%;height:23%;transform:translate(-50%,-50%) rotate(17deg); }
.premium-designer .print-area.surface-rightSleeve { left:71%;top:34%;width:13%;height:23%;transform:translate(-50%,-50%) rotate(-17deg); }
.premium-designer .design-layer { position:absolute;transform:translate(-50%,-50%);z-index:10;touch-action:none;cursor:grab;white-space:nowrap;max-width:100%;font-weight:900;line-height:.9;text-align:center;filter:drop-shadow(0 2px 1px rgba(0,0,0,.16)); }
.premium-designer .design-layer:active { cursor:grabbing; }
.premium-designer .design-layer.image-layer { aspect-ratio:1;display:grid;place-items:center; }
.premium-designer .design-layer.image-layer > img { width:100%;height:100%;object-fit:contain;pointer-events:none; }
.premium-designer .design-layer.selected:after { content:"";position:absolute;inset:-8px;border:1px dashed #fff;border-radius:5px;box-shadow:0 0 0 2px var(--purple),0 8px 18px rgba(55,20,62,.2);pointer-events:none; }
.layer-remove { width:25px;height:25px;position:absolute;z-index:15;right:-19px;top:-19px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:linear-gradient(145deg,#f34a55,#a8122c);color:#fff;box-shadow:0 7px 13px rgba(120,15,35,.3);cursor:pointer;touch-action:manipulation; }
.layer-remove svg { width:12px;height:12px;stroke-width:3; }
.preview-mode-chip { position:absolute;z-index:20;right:18px;bottom:46px;padding:7px 10px;display:flex;align-items:center;gap:5px;border-radius:20px;background:rgba(255,255,255,.72);color:#277455;box-shadow:0 8px 18px rgba(40,20,45,.09);font-size:6px;font-weight:900;letter-spacing:.1em;backdrop-filter:blur(12px);pointer-events:none; }
.preview-mode-chip svg { width:11px; }
.gesture-hint { position:absolute;z-index:20;left:50%;bottom:17px;transform:translateX(-50%);padding:8px 12px;display:flex;align-items:center;gap:7px;border-radius:10px;background:rgba(36,17,40,.78);color:#fff;font-size:7px;font-weight:800;white-space:nowrap;backdrop-filter:blur(8px);pointer-events:none; }
.gesture-hint svg { width:13px;color:#ffd04b; }
.gesture-hint span { width:1px;height:12px;background:rgba(255,255,255,.3); }
.premium-designer .designer-controls { min-width:0;padding:0 26px 110px;overflow:auto;border-left:1px solid rgba(77,47,83,.14);background:rgba(255,255,255,.92);box-shadow:-20px 0 50px rgba(54,27,60,.1); }
.control-heading { margin:0 -26px 0;padding:25px 26px 21px;border-bottom:1px solid #e7dfe9;background:linear-gradient(135deg,#2d1033,#74107d);color:#fff; }
.control-heading span,.control-section > label { display:block;font-size:7px;font-weight:900;letter-spacing:.15em; }
.control-heading span { color:#d8b7dc; }
.control-heading h2 { margin:5px 0;font-size:28px;letter-spacing:-.045em; }
.control-heading p { margin:0;color:#d9c9dc;font-size:9px;line-height:1.5; }
.control-section { padding:20px 0;border-bottom:1px solid #e8e0ea; }
.control-section > label { margin-bottom:11px;color:#756b78; }
.model-options { display:grid;gap:7px; }
.model-options button { min-height:67px;padding:7px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;border:1px solid #ded4e1;border-radius:13px;background:linear-gradient(145deg,#fff,#f4eff5);box-shadow:inset 0 1px 0 #fff,0 8px 17px rgba(53,29,58,.06);text-align:left;cursor:pointer; }
.model-options button.selected { border:2px solid var(--purple);background:#faf0fb;box-shadow:0 10px 20px rgba(116,16,125,.12); }
.model-options img { width:52px;height:54px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(40,20,45,.14)); }
.model-options span { display:grid;gap:4px; }
.model-options b { font-size:10px; }
.model-options small { color:#827887;font-size:7px; }
.model-options svg { width:17px;color:var(--purple); }
.control-grid { display:grid;grid-template-columns:1fr 110px;gap:18px; }
.control-grid > div > label { display:block;margin-bottom:11px;color:#756b78;font-size:7px;font-weight:900;letter-spacing:.15em; }
.color-options { display:flex;gap:7px; }
.color-options button { width:29px;height:29px;display:grid;place-items:center;border:2px solid #fff;border-radius:9px;box-shadow:0 0 0 1px #d6cdd8,0 5px 10px rgba(44,26,48,.1);cursor:pointer; }
.color-options button.selected { box-shadow:0 0 0 2px var(--purple),0 7px 13px rgba(76,17,85,.17); }
.color-options svg { width:13px;color:#f5b21b;filter:drop-shadow(0 1px 1px #000); }
.control-grid select,.text-tools select { width:100%;height:39px;padding:0 10px;border:1px solid #dcd3df;border-radius:10px;background:#fff;font-size:9px;outline:0; }
.text-input-wrap { height:46px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid #dcd3df;border-radius:11px;background:#fff;box-shadow:inset 0 2px 7px rgba(60,30,66,.04); }
.text-input-wrap > svg { width:17px;color:var(--purple); }
.text-input-wrap input { min-width:0;flex:1;border:0;outline:0;font-size:11px;font-weight:800; }
.text-input-wrap button { width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:#f2eaf3;color:#6e6371;cursor:pointer; }
.text-input-wrap button svg { width:14px; }
.text-tools { margin-top:8px;display:grid;grid-template-columns:1fr 40px 1fr;gap:7px; }
.text-tools input[type="color"] { width:40px;height:39px;padding:4px;border:1px solid #dcd3df;border-radius:10px;background:#fff; }
.text-tools input[type="range"],.art-size-row input { accent-color:var(--purple); }
.premium-designer .upload-zone { width:100%;min-height:70px;padding:8px 11px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:1px dashed #bdaec1;border-radius:12px;background:linear-gradient(145deg,#fff,#f5eff6);text-align:left;cursor:pointer; }
.premium-designer .upload-zone > svg { width:22px;color:var(--purple); }
.premium-designer .upload-zone > svg:last-child { width:15px;color:#8d818f; }
.premium-designer .upload-zone > img { width:38px;height:49px;object-fit:contain;border-radius:6px;background:#eee5f1; }
.premium-designer .upload-zone span { display:grid;gap:4px; }
.premium-designer .upload-zone b { font-size:9px; }
.premium-designer .upload-zone small { color:#897e8c;font-size:7px; }
.art-size-row { margin-top:10px;display:grid;grid-template-columns:auto 28px 1fr 28px;align-items:center;gap:6px;color:#7a707d;font-size:8px;font-weight:800; }
.art-size-row button { width:28px;height:28px;display:grid;place-items:center;border:1px solid #ddd3df;border-radius:8px;background:#fff; }
.art-size-row svg { width:12px; }
.premium-designer .print-options { display:grid;gap:6px; }
.premium-designer .print-options button { min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfd6e1;border-radius:12px;background:#fff;text-align:left;cursor:pointer; }
.premium-designer .print-options button.selected { border:2px solid var(--purple);background:#f9effa;box-shadow:0 8px 17px rgba(116,16,125,.1); }
.premium-designer .print-options span { display:grid;gap:4px; }
.premium-designer .print-options b { font-size:9px; }
.premium-designer .print-options small { color:#827786;font-size:7px; }
.premium-designer .print-options strong { color:var(--purple);font-size:9px; }
.designer-checkout { min-height:84px;padding:11px 14px;position:fixed;z-index:30;right:0;bottom:0;width:450px;display:grid;grid-template-columns:1fr auto 142px;align-items:center;gap:10px;border-top:1px solid rgba(69,37,75,.14);background:rgba(255,255,255,.89);box-shadow:0 -15px 35px rgba(55,28,61,.11);backdrop-filter:blur(22px); }
.designer-checkout > div:first-child { display:grid;gap:2px; }
.designer-checkout > div:first-child span { color:#887d8b;font-size:6px;font-weight:900;letter-spacing:.12em; }
.designer-checkout > div:first-child b { font-size:18px; }
.designer-checkout > div:first-child small { color:#897e8c;font-size:6px; }
.designer-checkout .qty-control { height:34px; }
.designer-checkout .primary { height:44px;padding:0 13px;font-size:8px; }
.real-garment-preview .show-back { transform:scaleX(-1); }
.real-garment-preview .garment-print-zone.zone-leftSleeve { left:30%;top:35%;width:14%;height:23%;transform:translate(-50%,-50%) rotate(17deg); }
.real-garment-preview .garment-print-zone.zone-rightSleeve { left:70%;top:35%;width:14%;height:23%;transform:translate(-50%,-50%) rotate(-17deg); }
.design-surface-gallery { width:166px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;align-content:start; }
.design-surface-gallery figure { min-width:0;margin:0;padding:4px;border:1px solid #e2d8e4;border-radius:9px;background:#fff; }
.design-surface-gallery .real-garment-preview { width:100%;height:73px;border-radius:6px; }
.design-surface-gallery figcaption { margin-top:3px;color:#786c7b;font-size:6px;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:.06em; }
.design-production-specs { margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px; }
.design-production-specs article { min-width:0;padding:7px!important;display:grid;grid-template-columns:1fr!important;gap:3px!important;border:1px solid #e2d8e4!important;border-radius:8px!important;background:#f7f1f8!important; }
.design-production-specs article b { color:var(--purple);font-size:7px;text-transform:uppercase;letter-spacing:.08em; }
.design-production-specs article img { width:30px!important;height:30px!important;object-fit:contain!important;border-radius:4px;background:#fff; }
.design-production-specs article span { overflow:hidden;color:#6f6572;font-size:7px;text-overflow:ellipsis;white-space:nowrap; }
.ordered-item { grid-template-columns:180px 1fr auto; }
.ordered-item > .design-surface-gallery { width:180px; }


@media (max-width:900px) {
  .designer-shell { grid-template-columns:1fr 390px; }
  .designer-checkout { width:390px;grid-template-columns:1fr auto 120px; }
  .premium-designer .real-shirt,.premium-designer .shirt-tint { width:88%; }
}
@media (max-width:760px) {
  body { padding-bottom:calc(92px + env(safe-area-inset-bottom)); }
  .announcement { display:none; }
  .site-header { height:64px;top:0;margin:8px 10px 0;padding:0 10px;position:sticky;grid-template-columns:42px 1fr auto;border:1px solid rgba(78,46,84,.13);border-radius:19px;background:rgba(255,255,255,.83);box-shadow:inset 0 1px 0 #fff,0 15px 35px rgba(52,25,58,.16);backdrop-filter:blur(24px) saturate(1.4); }
  .mobile-menu { width:39px;height:39px;border:1px solid rgba(74,43,80,.12);border-radius:12px;background:linear-gradient(145deg,#fff,#eee7f0);box-shadow:0 6px 13px rgba(51,27,56,.08); }
  .site-header .logo-button { justify-self:center; }.site-header .brand-mark { width:44px;height:44px; }
  .site-header nav { top:70px;left:0;right:0;padding:10px;gap:5px;border:1px solid rgba(77,45,83,.13);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 25px 55px rgba(48,22,54,.25);backdrop-filter:blur(24px); }
  .site-header nav.open { display:grid;grid-template-columns:1fr 1fr; }
  .site-header nav button { min-height:52px;height:auto;padding:0 13px;border:1px solid #e7dfe9!important;border-radius:12px;background:linear-gradient(145deg,#fff,#f4eff5);text-align:left; }
  .site-header nav button:after { display:none; }.site-header nav .nav-install { display:flex!important;align-items:center;gap:8px;background:linear-gradient(145deg,#86208c,#4b1058);color:#fff; }.nav-install svg { width:17px; }
  .install-link { display:none; }.bag-link { width:40px;height:40px;border-radius:12px; }
  .app-shell > main { padding-bottom:20px; }
  footer { margin-bottom:calc(-92px - env(safe-area-inset-bottom));padding-bottom:calc(106px + env(safe-area-inset-bottom)); }
  .mobile-bottom { left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));height:70px;padding:5px;grid-template-columns:repeat(5,1fr);gap:2px;border:1px solid rgba(70,38,76,.14);border-radius:23px;background:rgba(255,255,255,.84);box-shadow:inset 0 1px 0 #fff,0 18px 45px rgba(47,20,53,.25);backdrop-filter:blur(24px) saturate(1.45);overflow:visible; }
  .mobile-bottom button { min-width:0;border:0!important;border-radius:16px!important;background:transparent!important;color:#756a78;font-size:7px;font-weight:800; }
  .mobile-bottom button.active { background:#efe7f1!important;color:var(--purple); }
  .mobile-bottom button:nth-child(3) { width:58px;height:58px;margin:-17px auto 0;border:4px solid #f5f0f7!important;border-radius:20px!important;background:linear-gradient(145deg,#8d188f,#4e0d5a)!important;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 12px 26px rgba(76,13,87,.35);transform:rotate(45deg); }
  .mobile-bottom button:nth-child(3) svg,.mobile-bottom button:nth-child(3) { }.mobile-bottom button:nth-child(3) svg { transform:rotate(-45deg); }.mobile-bottom button:nth-child(3) { font-size:0; }.mobile-bottom button:nth-child(3):after { content:"CREATE";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%) rotate(-45deg);font-size:6px;letter-spacing:.08em; }
  .mobile-bottom i { top:4px;right:15%;background:linear-gradient(145deg,#f2b316,#e56d08);box-shadow:0 3px 8px rgba(197,97,4,.28); }
  .toast { bottom:calc(92px + env(safe-area-inset-bottom)); }

  .premium-designer { padding-bottom:0; }
  .designer-topbar { height:64px;padding:0 10px;grid-template-columns:44px 1fr auto;top:0; }
  .designer-topbar .back-button { width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid #e2dae4;border-radius:12px;background:#fff;font-size:0; }.designer-topbar .back-button svg { width:20px; }
  .designer-topbar > div span { display:none; }.designer-topbar > div strong { font-size:9px; }
  .designer-cart-button { min-height:39px;padding:0 11px;font-size:0; }.designer-cart-button:after { content:"ADD";font-size:8px; }.designer-cart-button svg { width:17px; }
  .designer-shell { display:block;min-height:auto; }
  .designer-workspace { padding:10px 10px 15px; }
  .surface-switcher { width:100%;margin-bottom:10px;padding:4px;gap:3px;border-radius:15px; }
  .surface-switcher button { min-height:48px;padding:5px 6px;border-radius:11px; }.surface-switcher button span { font-size:5px; }.surface-switcher button b { font-size:7px;white-space:nowrap; }.surface-switcher button i { width:14px;height:14px;position:absolute;right:3px;top:3px; }
  .premium-designer .designer-stage { min-height:530px;height:calc(100svh - 140px);max-height:650px;position:relative;top:0;border-radius:22px; }
  .stage-topline { top:11px;left:11px;right:11px; }.stage-topline small { display:none; }.stage-topline span { padding:6px 8px;font-size:6px; }
  .premium-designer .real-shirt,.premium-designer .shirt-tint { top:50%;width:112%;height:89%; }
  .premium-designer .print-area { top:46%;width:37%;height:39%; }
  .premium-designer .print-area.surface-back { width:39%;height:41%; }
  .premium-designer .print-area.surface-leftSleeve { left:20%;top:33%;width:18%;height:21%; }
  .premium-designer .print-area.surface-rightSleeve { left:80%;top:33%;width:18%;height:21%; }
  .gesture-hint { bottom:12px;font-size:6px; }.preview-mode-chip { right:10px;bottom:44px; }
  .premium-designer .designer-controls { padding:0 14px 112px;border-left:0;border-top:1px solid rgba(77,47,83,.14);overflow:visible; }
  .control-heading { margin:0 -14px;padding:21px 16px 18px; }.control-heading h2 { font-size:24px; }
  .control-section { padding:17px 0; }.control-grid { grid-template-columns:1fr 90px;gap:12px; }
  .designer-checkout { left:0;right:0;bottom:0;width:100%;min-height:84px;padding:10px 11px calc(10px + env(safe-area-inset-bottom));grid-template-columns:1fr auto 132px; }.designer-checkout .primary { height:43px; }
  .design-surface-gallery { width:112px;gap:3px; }.design-surface-gallery figure { padding:2px; }.design-surface-gallery .real-garment-preview { height:52px; }.design-surface-gallery figcaption { font-size:5px; }
  .ordered-item { grid-template-columns:112px 1fr; }.ordered-item > .design-surface-gallery { width:112px; }.ordered-item > strong { grid-column:2; }.design-production-specs { grid-template-columns:1fr; }
  
}
:root {
  --ink: #17131b;
  --muted: #6e6872;
  --paper: #f4f1f6;
  --white: #ffffff;
  --acid: #f5aa08;
  --line: #ded7e2;
  --blue: #dcecff;
  --clay: #f0dbe9;
  --purple: #74107d;
  --purple-dark: #40104e;
  --magenta: #d72058;
  --success: #16714a;
}
body { background: radial-gradient(circle at 10% 0%, #fff 0, #f5f1f7 34%, #eee9f1 100%); }
.announcement { background: linear-gradient(90deg,#311039,#72107c 55%,#37103e); color:#f8effa; box-shadow:0 4px 20px rgba(64,16,78,.22); }
.announcement b { color:#ffd36a; }
.site-header { background:rgba(255,255,255,.84); border-bottom:1px solid rgba(87,55,92,.14); box-shadow:0 10px 35px rgba(54,31,59,.09); backdrop-filter:blur(22px) saturate(1.4); }
.brand { gap:11px; }
.brand-mark { width:49px;height:49px;background:transparent;color:inherit;filter:drop-shadow(0 7px 8px rgba(64,16,78,.18)); }
.brand-copy { gap:4px; }
.brand-copy b { color:#211724;font-size:21px;letter-spacing:-.065em; }
.brand-copy small { color:#756a78;font-size:7px;letter-spacing:.2em; }
.site-header nav button { color:#3b303e; }
.site-header nav button:after { background:linear-gradient(90deg,var(--purple),var(--magenta));height:3px;border-radius:3px; }
.header-search { border:1px solid rgba(73,48,78,.14);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(48,28,53,.07); }
.bag-link { border:0;border-radius:12px;background:linear-gradient(145deg,#8a188f,#4b0d5c);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 9px 20px rgba(88,13,98,.26); }
.bag-link span { border:2px solid #fff;background:linear-gradient(145deg,#ffc93c,#f49a00); }

/* ===== styles-2.css ===== */
.primary { border:0;border-radius:12px;background:linear-gradient(145deg,#8a168f,#4b0d5b);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 13px 26px rgba(77,12,89,.25); }
.primary:hover { transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 18px 32px rgba(77,12,89,.32); }
.secondary { border:1px solid rgba(65,38,70,.28);border-radius:12px;background:rgba(255,255,255,.7);box-shadow:0 9px 20px rgba(48,28,53,.08); }
.hero { min-height:calc(100vh - 105px);border:0;background:radial-gradient(circle at 72% 35%,#ead8ef 0,#f6f2f7 34%,#fff 82%);overflow:hidden; }
.hero-copy { position:relative;z-index:3; }
.hero-copy:before { content:"";position:absolute;width:190px;height:190px;left:7%;top:8%;background:radial-gradient(circle,rgba(245,170,8,.22),transparent 70%);filter:blur(5px);z-index:-1; }
.hero-copy h1 { color:#211623;text-shadow:0 1px 0 #fff,0 18px 40px rgba(64,16,78,.12); }
.hero-copy h1 em { -webkit-text-stroke:2px #74107d;background:linear-gradient(90deg,#75107e,#d72058,#f1a500);-webkit-background-clip:text;background-clip:text;color:transparent; }
.hero-copy > p { color:#6b626e; }
.hero-visual { border:0;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.95),rgba(214,189,221,.78) 43%,rgba(116,16,125,.12) 64%,transparent 72%);background-image:none;perspective:1200px;overflow:visible; }
.hero-visual:before { width:72%;height:70%;border:1px solid rgba(255,255,255,.85);border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.27));box-shadow:inset 0 1px 0 #fff,0 40px 90px rgba(63,17,73,.2);transform:rotateY(-8deg) rotateX(4deg) rotateZ(-3deg);backdrop-filter:blur(20px); }
.hero-grid-label { border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(54,15,62,.9);box-shadow:0 10px 25px rgba(64,16,78,.25); }
.hero-product-orbit { width:min(610px,83%);height:78%;position:relative;z-index:2;display:grid;place-items:center;transform-style:preserve-3d;animation:garment-float 5s ease-in-out infinite; }
.hero-product-orbit > img { width:88%;height:91%;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 38px 28px rgba(43,18,48,.26)); }
.orbit-ring { position:absolute;width:73%;aspect-ratio:1;border:1px solid rgba(116,16,125,.38);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.16),0 0 80px rgba(116,16,125,.18),inset 0 0 50px rgba(255,255,255,.55);transform:rotateX(66deg) rotateZ(-12deg) translateZ(-20px); }
.hero-brand-badge { position:absolute;right:2%;bottom:14%;z-index:5;padding:10px 13px 10px 8px;display:flex;align-items:center;gap:7px;border:1px solid rgba(84,49,90,.18);border-radius:15px;background:rgba(255,255,255,.78);box-shadow:0 15px 35px rgba(61,25,68,.18);backdrop-filter:blur(18px);font-size:8px;font-weight:900;letter-spacing:.12em; }
.hero-brand-badge img { width:35px;height:35px; }
.floating-tool { border:1px solid rgba(85,51,91,.16);border-radius:12px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 15px 30px rgba(60,26,68,.15);backdrop-filter:blur(14px); }
.floating-tool svg { color:var(--purple); }
.visual-cta { border:0;border-radius:18px 0 0 0;background:linear-gradient(145deg,#821188,#4d0c5a);box-shadow:-15px -10px 35px rgba(64,16,78,.15); }
@keyframes garment-float { 0%,100%{transform:translateY(3px) rotateY(-2deg)} 50%{transform:translateY(-15px) rotateY(3deg)} }
.category-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:15px;border:0;perspective:1300px; }
.category-block,.category-block:first-child { grid-column:span 1;min-height:330px;border:1px solid rgba(75,46,81,.13)!important;border-radius:16px;background:linear-gradient(160deg,#fff,#f4eef6)!important;color:var(--ink)!important;padding:12px;box-shadow:inset 0 1px 0 #fff,0 18px 38px rgba(57,31,63,.11);transform-style:preserve-3d;transition:transform .3s,box-shadow .3s; }
.category-block:hover { transform:translateY(-10px) rotateX(2deg);box-shadow:inset 0 1px 0 #fff,0 28px 50px rgba(57,31,63,.18); }
.category-code { position:absolute;top:13px;left:13px;z-index:3;border:0;border-radius:8px;padding:7px 9px;background:rgba(255,255,255,.84);box-shadow:0 5px 14px rgba(40,22,44,.12); }
.category-photo { height:215px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#eee8f1,#fff); }
.category-photo img { width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .4s; }
.category-block:hover .category-photo img { transform:scale(1.05); }
.category-block h3 { margin-top:10px;font-size:20px; }
.category-block > svg { bottom:18px;right:14px;padding:5px;width:27px;height:27px;border-radius:8px;background:#eee2f1;color:var(--purple); }
.process-section { background:radial-gradient(circle at 80% 10%,#5e1768 0,#29102f 36%,#171019 75%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
.process-grid { gap:12px;border:0;perspective:1000px; }
.process-grid article { border:1px solid rgba(255,255,255,.12)!important;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 35px rgba(0,0,0,.16);backdrop-filter:blur(12px); }
.process-grid article > svg { color:#ffc846;filter:drop-shadow(0 8px 10px rgba(245,170,8,.22)); }
.acid-button { border:0;border-radius:12px;background:linear-gradient(145deg,#ffd34d,#f19a00);box-shadow:0 15px 30px rgba(245,170,8,.2); }
.product-grid { gap:16px;border:0;perspective:1200px; }
.product-card { border:1px solid rgba(79,49,85,.12);border-radius:16px;overflow:hidden;background:linear-gradient(155deg,#fff,#f8f4f9);box-shadow:inset 0 1px 0 #fff,0 17px 38px rgba(58,31,64,.1);transform-style:preserve-3d;transition:transform .3s,box-shadow .3s; }
.product-card:hover { transform:translateY(-8px) rotateX(1deg);box-shadow:inset 0 1px 0 #fff,0 28px 50px rgba(58,31,64,.17); }
.product-image-wrap { border:0;background:radial-gradient(circle at 50% 34%,#fff 0,#ece5ef 80%); }
.product-image { filter:saturate(.78) contrast(1.02); }
.discount-tag { border:0;border-radius:0 0 10px 0;background:linear-gradient(145deg,#ffd14c,#f1a000);box-shadow:0 8px 18px rgba(180,112,0,.18); }
.quick-add { border:1px solid rgba(68,37,73,.15);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(48,24,53,.15); }
.bulk-banner { border:1px solid rgba(86,46,93,.16);border-radius:20px;background:linear-gradient(125deg,#e8f2ff,#f5e6f6 56%,#fff0d0);box-shadow:inset 0 1px 0 #fff,0 24px 55px rgba(60,31,66,.14); }
.bulk-banner button { border:0;border-radius:12px;background:linear-gradient(145deg,#801388,#4c0d59);box-shadow:0 14px 26px rgba(67,14,76,.24); }
.catalog-tools,.product-detail,.cart-list,.order-summary,.checkout-card,.mini-summary,.empty-state { border:1px solid rgba(76,47,82,.14);border-radius:16px;box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(57,30,63,.1);overflow:hidden; }
.category-pills button.active { background:linear-gradient(145deg,#85168d,#4b0d57); }
.product-detail-image { border-color:rgba(76,47,82,.13); }
.colour-options button,.size-options button{ border-radius:10px; }
.colour-options button.active,.size-options button.active { border-color:var(--purple);box-shadow:0 5px 14px rgba(116,16,125,.14); }
.cart-item { border-color:rgba(76,47,82,.13); }
.designer-page { background:radial-gradient(circle at 20% 10%,#fff 0,#eee6f1 45%,#ddd2e1 100%); }
.sub-header { background:rgba(255,255,255,.86);border-bottom:1px solid rgba(75,45,80,.13);box-shadow:0 9px 28px rgba(55,28,61,.09);backdrop-filter:blur(20px); }
.cart-button { border:0;border-radius:11px;background:linear-gradient(145deg,#811488,#4c0d59);box-shadow:0 10px 22px rgba(70,15,80,.25); }
.designer-stage { background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.98) 0,rgba(237,225,241,.82) 43%,rgba(112,32,122,.15) 68%,transparent 78%);background-image:none;perspective:1200px; }
.designer-stage:before { content:"";position:absolute;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.72),rgba(116,16,125,.04) 58%,transparent 60%);border:1px solid rgba(116,16,125,.13);box-shadow:0 0 80px rgba(84,23,94,.11),inset 0 0 70px rgba(255,255,255,.8);transform:rotateX(70deg) translateY(30%); }
.shirt-canvas { position:relative;z-index:2; }
.live-garment { width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:garment-float 5s ease-in-out infinite; }
.live-garment .garment-photo,.live-garment .garment-tint { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.live-garment .garment-photo { z-index:2;filter:drop-shadow(0 38px 25px rgba(46,20,52,.22)); }
.live-garment .garment-tint { z-index:3;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.78;pointer-events:none; }
.live-garment .garment-depth { position:absolute;left:24%;right:24%;bottom:5%;height:8%;border-radius:50%;background:rgba(54,25,61,.22);filter:blur(24px);transform:translateZ(-30px); }
.live-garment .print-area { position:absolute;z-index:5;left:50%;top:48%;transform:translate(-50%,-50%);width:29%;height:43%; }
.design-layer.selected:after { border-color:#fff;box-shadow:0 0 0 2px var(--purple),0 7px 14px rgba(55,20,62,.18); }
.designer-controls { border-left:1px solid rgba(77,47,83,.14);box-shadow:-18px 0 45px rgba(62,34,68,.1);position:relative;z-index:4; }
.control-block { border-color:#e8e0ea; }
.model-grid button { border:1px solid #ded4e1;border-radius:12px;background:linear-gradient(145deg,#fff,#f3eef5);box-shadow:inset 0 1px 0 #fff,0 8px 17px rgba(53,29,58,.07);grid-template-columns:48px 1fr; }
.model-grid button.active { border:2px solid var(--purple);background:linear-gradient(145deg,#fff,#f3e5f5);box-shadow:0 9px 20px rgba(116,16,125,.14); }
.model-grid button > img { grid-row:1/3;width:46px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(40,20,45,.14)); }
.swatches button { border-radius:9px;box-shadow:inset 0 1px 2px rgba(255,255,255,.7),0 4px 8px rgba(44,26,48,.12); }
.input-with-icon,.control-block select,.upload-zone,.print-options button,.designer-total { border-radius:11px; }
.print-options button.active { border-color:var(--purple);background:linear-gradient(145deg,#fff,#f5eaf7);box-shadow:0 8px 18px rgba(116,16,125,.11); }
.real-garment-preview { width:135px;height:130px;position:relative;flex:0 0 auto;background:radial-gradient(circle,#fff,#ece5ef);border-radius:13px;overflow:hidden;perspective:600px; }
.real-garment-preview .garment-photo,.real-garment-preview .garment-tint { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.real-garment-preview .garment-photo { z-index:2;filter:drop-shadow(0 10px 8px rgba(45,22,49,.22)); }
.real-garment-preview .garment-tint { z-index:3;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;opacity:.77; }
.real-garment-preview .garment-depth { position:absolute;left:28%;right:28%;bottom:8%;height:10%;background:rgba(44,20,50,.22);filter:blur(8px);border-radius:50%; }
.real-garment-preview .garment-print-zone { position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%);width:31%;height:43%; }
.saved-design-text,.saved-design-image { position:absolute;transform:translate(-50%,-50%);font-weight:900;line-height:.85;text-align:center;max-width:100%; }
.saved-design-image { object-fit:contain; }
.design-spec { display:block;margin:-5px 0 12px;color:var(--purple);font-size:8px;line-height:1.5; }
.cart-item > .real-garment-preview { width:135px;height:130px; }
.availability-list .real-garment-preview { width:62px;height:62px;border-radius:8px; }
.customer-orders-page { min-height:75vh;padding-top:65px;padding-bottom:100px; }
.customer-order-list { display:grid;gap:20px; }
.customer-order-card { border:1px solid rgba(79,48,85,.14);border-radius:18px;background:linear-gradient(150deg,#fff,#f8f4f9);box-shadow:inset 0 1px 0 #fff,0 20px 45px rgba(57,30,63,.11);overflow:hidden; }
.customer-order-head { min-height:85px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#2b102f,#74107d);color:#fff; }
.customer-order-head span { color:#d9badc;font-size:8px;font-weight:900;letter-spacing:.14em; }
.customer-order-head h2 { margin:6px 0 0;color:#ffd15a;font-size:23px; }
.customer-order-head > div:last-child { display:grid;gap:6px;text-align:right; }
.customer-order-head small { color:#bfa8c2;font-size:8px; }
.customer-order-head strong { font-size:21px; }
.customer-order-items { padding:18px 22px;display:grid;gap:12px; }
.ordered-item { min-height:155px;padding:12px;display:grid;grid-template-columns:155px 1fr auto;gap:18px;align-items:center;border:1px solid #e5dce7;border-radius:14px;background:rgba(255,255,255,.74);box-shadow:0 9px 22px rgba(53,30,58,.06); }
.ordered-item > .real-garment-preview,.ordered-item > img { width:155px;height:145px;object-fit:cover; }
.ordered-item > div:nth-child(2) > span { color:var(--purple);font-size:8px;font-weight:900;letter-spacing:.11em; }
.ordered-item h3 { margin:6px 0;font-size:18px; }
.ordered-item p { margin:0 0 12px;color:#777;font-size:9px; }
.ordered-item dl { margin:0;display:flex;flex-wrap:wrap;gap:6px; }
.ordered-item dl div { min-width:105px;padding:7px 9px;border-radius:8px;background:#f1eaf3;display:grid;gap:3px; }
.ordered-item dt { color:#8d7f91;font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.1em; }
.ordered-item dd { margin:0;font-size:9px;font-weight:700; }
.ordered-item > strong { align-self:start;margin-top:8px;font-size:15px; }
.legacy-order-note { min-height:90px;display:flex;align-items:center;justify-content:center;gap:12px;color:#817785; }
.legacy-order-note span { display:grid;gap:4px; }
.legacy-order-note small { font-size:8px; }
.customer-order-foot { padding:14px 22px;display:flex;gap:25px;border-top:1px solid #e3dae5;background:#f3edf5; }
.customer-order-foot span { display:flex;align-items:center;gap:6px;color:#716674;font-size:9px; }
.customer-order-foot svg { width:15px; }
.admin-sidebar { background:linear-gradient(180deg,#2c1032,#180d1b);box-shadow:10px 0 35px rgba(44,15,50,.18); }
.admin-logo > span{ display:none; }
.admin-logo > img{ width:43px;height:43px;filter:drop-shadow(0 7px 7px rgba(0,0,0,.22)); }
.admin-logo b{ letter-spacing:-.045em; }
.admin-main > header,.admin-panel,.metric-grid,.product-table,.admin-toolbar { border-color:rgba(79,46,85,.14);box-shadow:0 13px 30px rgba(56,29,62,.08); }
.metric-grid article.acid { background:linear-gradient(145deg,#ffd455,#f3a40b); }
.garment-setting-list article { grid-template-columns:50px 1fr auto 25px; }
.garment-setting-list article > img { width:48px;height:55px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(45,22,50,.13)); }


.order-card { border-color:rgba(79,47,85,.14);border-radius:16px;overflow:hidden;background:linear-gradient(150deg,#fff,#f8f4f9);box-shadow:0 14px 32px rgba(55,29,61,.09); }
.order-card:hover { box-shadow:0 24px 45px rgba(55,29,61,.18);transform:translateY(-7px); }













.fake-product-icon { width:105px;height:105px;display:grid;place-items:center;background:#eee5f1;border-radius:11px; }

footer { background:radial-gradient(circle at 80% 0,#57145f 0,#251029 35%,#150d17 80%); }
.footer-main .brand-copy b { color:#fff; }
.footer-main .brand-copy small { color:#9d899f; }
.mobile-bottom { grid-template-columns:repeat(5,1fr); }
@media (max-width:1100px) {
  .category-grid { grid-template-columns:repeat(3,1fr); }
  .hero-product-orbit { width:92%; }
}
@media (max-width:760px) {
  .site-header .brand-mark { width:40px;height:40px; }
  .hero { background:linear-gradient(180deg,#fff,#f1e8f3); }
  .hero-visual { height:560px;overflow:hidden; }
  .hero-visual:before { width:82%;height:72%;border-radius:32px; }
  .hero-product-orbit { width:98%;height:82%; }
  .hero-product-orbit > img { width:94%;height:92%; }
  .hero-brand-badge { right:4%;bottom:13%; }
  .category-grid { grid-template-columns:1fr 1fr;gap:10px; }
  .category-block { min-height:250px!important; }
  .category-photo { height:150px; }
  .product-grid,.catalog-grid { gap:10px; }
  .process-grid { gap:8px; }
  .designer-stage { min-height:560px;height:560px; }
  .shirt-canvas { width:96%;height:490px; }
  .live-garment .print-area { width:30%;height:42%; }
  .cart-item { grid-template-columns:108px 1fr auto; }
  .cart-item > .real-garment-preview { width:108px;height:110px; }
  .customer-orders-page { padding-top:38px!important;padding-bottom:70px!important; }
  .customer-order-head { padding:13px 15px; }
  .customer-order-items { padding:11px; }
  .ordered-item { grid-template-columns:105px 1fr;gap:10px; }
  .ordered-item > .real-garment-preview,.ordered-item > img { width:105px;height:112px; }
  .ordered-item > strong { grid-column:2; }
  .ordered-item dl { grid-column:1/-1; }
  .customer-order-foot { padding:12px 15px;display:grid;gap:8px; }
  
  
  
  .mobile-bottom { grid-template-columns:repeat(5,1fr); }
  .mobile-bottom button { font-size:7px; }
}
@media (max-width:760px) {
  
  .ordered-item { grid-template-columns:112px 1fr; }
}
.refined-designer { min-height:100dvh;padding:0;background:#eee9f1; }
.refined-sub-header { height:70px;padding:0 22px;grid-template-columns:1fr auto 1fr;border:0;border-bottom:1px solid rgba(69,37,75,.13);background:rgba(255,255,255,.92);box-shadow:0 8px 26px rgba(52,26,58,.08);backdrop-filter:blur(20px); }
.designer-back { width:42px;height:42px;display:grid;place-items:center;border:1px solid #ded5e1;border-radius:13px;background:linear-gradient(145deg,#fff,#f1ebf3);box-shadow:inset 0 1px 0 #fff,0 7px 15px rgba(48,24,53,.09);color:#372c3a;cursor:pointer; }
.designer-back svg { width:19px;height:19px; }
.refined-sub-header .step-label { color:#564a59;font-size:9px;letter-spacing:.14em; }
.refined-sub-header .step-label span { padding:7px 8px;border-radius:8px;background:linear-gradient(145deg,#84168b,#4d0d59);color:#fff;box-shadow:0 7px 15px rgba(75,13,86,.2); }
.refined-sub-header .cart-button { min-width:142px;height:43px;padding:0 15px;justify-self:end;justify-content:center;border:0;border-radius:12px;background:linear-gradient(145deg,#86168d,#4c0d59);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 22px rgba(74,13,84,.23); }
.refined-sub-header .cart-button svg { width:17px; }
.refined-designer-layout { min-height:calc(100dvh - 70px);grid-template-columns:minmax(0,1fr) 460px; }
.refined-stage { min-height:680px;height:calc(100dvh - 70px);top:70px;padding:0 26px 18px;justify-content:flex-start;border:0;background:radial-gradient(circle at 50% 43%,#fff 0,#ece3ef 48%,#d6c9da 100%);background-image:none; }
.refined-stage:before { content:"";position:absolute;z-index:0;width:min(650px,74%);height:55%;left:50%;top:34%;transform:translate(-50%,-50%) rotateX(70deg);border:1px solid rgba(116,16,125,.13);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(116,16,125,.03) 66%,transparent 68%);box-shadow:0 0 75px rgba(84,23,94,.09),inset 0 0 60px rgba(255,255,255,.72); }
.surface-tabs { width:min(620px,82%);height:54px;margin-top:18px;padding:5px;position:relative;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border:1px solid rgba(77,46,83,.13);border-radius:15px;background:rgba(255,255,255,.74);box-shadow:inset 0 1px 0 #fff,0 11px 25px rgba(55,28,61,.1);backdrop-filter:blur(16px); }
.surface-tabs button { min-width:0;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:5px;position:relative;border:0;border-radius:10px;background:transparent;color:#756a78;font-size:8px;font-weight:900;white-space:nowrap;cursor:pointer; }
.surface-tabs button svg { width:12px;height:12px;padding:2px;border-radius:50%;background:#ddd3e0;color:#5f5262; }
.surface-tabs button.active { background:linear-gradient(145deg,#85178d,#4b0d57);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 7px 15px rgba(75,14,85,.23); }
.surface-tabs button.active svg { background:#ffd14c;color:#4d3200; }
.refined-stage .stage-topline { top:83px;left:28px;right:28px;z-index:15; }
.refined-stage .stage-topline span { padding:7px 9px;border:1px solid rgba(69,38,74,.1);border-radius:8px;background:rgba(255,255,255,.62);box-shadow:0 6px 15px rgba(48,23,54,.07);color:#6b5f6e;font-size:6px;letter-spacing:.11em;backdrop-filter:blur(10px); }
.stable-shirt-canvas { width:min(620px,84%);height:calc(100% - 132px);min-height:500px;margin-top:60px;position:relative;z-index:5;display:grid;place-items:center;overflow:visible; }
.stable-garment { width:100%;height:100%;position:relative;transform:none!important;animation:none!important;transition:none!important; }
.stable-garment .garment-photo,.stable-garment .garment-tint { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(0);transition:transform .35s ease; }
.stable-garment .garment-photo { z-index:2;filter:drop-shadow(0 30px 24px rgba(46,20,52,.2)); }
.stable-garment .garment-tint { z-index:3;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mix-blend-mode:multiply;opacity:.77;pointer-events:none; }
.stable-garment .garment-depth { position:absolute;z-index:1;left:29%;right:29%;bottom:5%;height:7%;border-radius:50%;background:rgba(54,25,61,.2);filter:blur(22px); }
.stable-garment.garment-back .garment-photo,.stable-garment.garment-back .garment-tint { transform:scaleX(-1); }
.stable-garment.garment-leftSleeve .garment-photo,.stable-garment.garment-leftSleeve .garment-tint { transform:rotate(90deg) scale(.78); }
.stable-garment.garment-rightSleeve .garment-photo,.stable-garment.garment-rightSleeve .garment-tint { transform:rotate(-90deg) scale(.78); }
.stable-garment.garment-leftSleeve .garment-depth,.stable-garment.garment-rightSleeve .garment-depth { left:34%;right:34%;bottom:8%; }
.stable-garment .print-area { position:absolute;z-index:8;left:50%;top:48%;width:29%;height:42%;transform:translate(-50%,-50%);touch-action:none; }
.stable-garment .print-area.surface-back { width:31%;height:43%; }
.stable-garment .print-area.surface-leftSleeve { left:66%;top:28%;width:15%;height:21%; }
.stable-garment .print-area.surface-rightSleeve { left:34%;top:28%;width:15%;height:21%; }
.refined-designer .design-layer { z-index:10;touch-action:none;cursor:grab;filter:drop-shadow(0 2px 1px rgba(0,0,0,.14)); }
.refined-designer .design-layer:active { cursor:grabbing; }
.refined-designer .image-layer { aspect-ratio:1;display:grid;place-items:center; }
.refined-designer .image-layer > img { width:100%;height:100%;object-fit:contain;pointer-events:none; }
.refined-designer .design-layer.selected:after { inset:-8px;border:1px dashed #fff;border-radius:5px;box-shadow:0 0 0 2px var(--purple),0 7px 15px rgba(55,20,62,.18); }
.refined-designer .layer-remove,.refined-designer .layer-rotate { width:26px;height:26px;position:absolute;z-index:15;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;box-shadow:0 7px 14px rgba(62,22,69,.25);cursor:pointer;touch-action:none; }
.refined-designer .layer-remove { right:-21px;top:-21px;background:linear-gradient(145deg,#ef4b57,#a6122d); }
.refined-designer .layer-rotate { right:-21px;bottom:-21px;background:linear-gradient(145deg,#8d1b95,#4f0e5b); }
.refined-designer .layer-remove svg,.refined-designer .layer-rotate svg { width:12px;height:12px;stroke-width:3; }
.refined-stage .drag-hint { bottom:15px;z-index:20;margin:0;padding:9px 13px;border:1px solid rgba(68,36,74,.12);border-radius:10px;background:rgba(42,20,47,.82);color:#fff;box-shadow:0 9px 20px rgba(43,19,48,.17);font-size:7px;backdrop-filter:blur(10px); }
.refined-stage .drag-hint svg { width:14px;color:#ffd04b; }
.refined-controls { min-width:0;padding:0 0 28px;position:relative;z-index:20;border-left:1px solid rgba(76,46,82,.13);background:#fff;box-shadow:-15px 0 40px rgba(54,27,60,.09); }
.refined-controls .control-head { height:70px;padding:0 22px;border-bottom:1px solid #e7dfe9;background:linear-gradient(135deg,#2f1035,#711079);color:#fff; }
.refined-controls .control-head span { font-size:9px; }
.refined-controls .control-head small { color:#d8c5db;font-size:8px; }
.refined-controls .control-block { margin:0 18px;padding:20px 2px;border-bottom:1px solid #e8e0ea; }
.refined-controls .control-block > label,.refined-controls .control-block > div > label { margin-bottom:11px;color:#716675;font-size:8px;letter-spacing:.12em; }
.refined-controls .model-grid { grid-template-columns:1fr 1fr;gap:8px; }
.refined-controls .model-grid button { min-height:73px;padding:8px;grid-template-columns:50px 1fr;grid-template-rows:1fr 1fr;border:1px solid #ded4e1;border-radius:12px;background:linear-gradient(145deg,#fff,#f4eff5);box-shadow:inset 0 1px 0 #fff,0 7px 15px rgba(53,29,58,.06); }
.refined-controls .model-grid button.active { border:2px solid var(--purple);background:#faf0fb;box-shadow:0 9px 19px rgba(116,16,125,.11); }
.refined-controls .model-grid img { grid-row:1/3;width:48px;height:58px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(40,20,45,.12)); }
.refined-controls .model-grid b { font-size:9px; }
.refined-controls .model-grid small { color:#827887;font-size:7px; }
.refined-controls .split-control { grid-template-columns:1fr 100px;gap:18px; }
.refined-controls .swatches { gap:8px; }
.refined-controls .swatches button { width:29px;height:29px;display:grid;place-items:center;border:2px solid #fff;border-radius:9px;box-shadow:0 0 0 1px #d4cad7,0 4px 9px rgba(44,26,48,.1); }
.refined-controls .swatches button.active { outline:2px solid var(--purple);outline-offset:2px; }
.refined-controls .swatches svg { width:13px;color:#ffc83f;filter:drop-shadow(0 1px 1px #000); }
.styled-select { position:relative; }
.styled-select:after { content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:2px solid #766a79;border-bottom:2px solid #766a79;transform:translateY(-70%) rotate(45deg);pointer-events:none; }
.refined-controls select { width:100%;height:42px;padding:0 32px 0 11px;appearance:none;-webkit-appearance:none;border:1px solid #dcd3df!important;border-radius:10px!important;background:linear-gradient(145deg,#fff,#f7f3f8)!important;color:#473b4a;font-size:9px!important;font-weight:700;outline:0;box-shadow:inset 0 1px 0 #fff; }
.refined-controls .input-with-icon { height:45px;padding:0 9px;border:1px solid #dcd3df;border-radius:11px;background:#fff;box-shadow:inset 0 2px 7px rgba(60,30,66,.04); }
.refined-controls .input-with-icon > svg { width:17px;color:var(--purple); }
.refined-controls .input-with-icon input { min-width:0;font-size:10px;font-weight:800; }
.refined-controls .input-with-icon button { width:27px;height:27px;display:grid;place-items:center;border:0;border-radius:8px;background:#f1eaf3;color:#756a78;cursor:pointer; }
.refined-controls .input-with-icon button svg { width:13px; }
.refined-controls .inline-fields { grid-template-columns:1fr 42px 1.25fr;gap:8px;margin-top:9px; }
.refined-controls .inline-fields input[type="color"] { height:42px;border-color:#dcd3df;border-radius:10px; }
.refined-controls input[type="range"] { accent-color:var(--purple); }
.refined-upload { width:100%;min-height:72px;padding:9px 11px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:1px dashed #bcaec0;border-radius:12px;background:linear-gradient(145deg,#fff,#f6f1f7);text-align:left;cursor:pointer; }
.refined-upload > svg { width:21px;color:var(--purple); }
.refined-upload > svg:last-child { width:15px;color:#8c808f; }
.refined-upload > img { width:42px;height:50px;object-fit:contain;border-radius:7px;background:#eee5f1; }
.refined-upload span { display:grid;gap:4px; }
.refined-upload b { font-size:9px; }
.refined-upload small { color:#887d8b;font-size:7px;line-height:1.35; }
.artwork-tools { margin-top:10px;padding:10px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;border:1px solid #e3dae5;border-radius:11px;background:#f8f4f9; }
.artwork-tools label { margin:0!important;display:grid!important;gap:6px;color:#766b79;font-size:7px!important;font-weight:900;letter-spacing:.09em!important;text-transform:uppercase; }
.artwork-tools input { width:100%; }
.artwork-tools button { height:32px;padding:0 10px;display:flex;align-items:center;gap:5px;border:1px solid #d9cedc;border-radius:8px;background:#fff;color:var(--purple);font-size:7px;font-weight:900;cursor:pointer; }
.artwork-tools button svg { width:13px; }
.refined-controls .print-options { gap:7px; }
.refined-controls .print-options button { min-height:56px;padding:8px 11px;border:1px solid #dfd6e1;border-radius:11px;background:#fff; }
.refined-controls .print-options button.active { border:2px solid var(--purple);background:#f9effa;box-shadow:0 7px 16px rgba(116,16,125,.09); }
.refined-controls .print-options button > span { width:18px;height:18px;border:0;border-radius:50%;background:#e7dfe9;color:#fff; }
.refined-controls .print-options button.active > span { background:var(--purple); }
.refined-controls .print-options svg { width:11px; }
.refined-controls .print-options b { font-size:9px; }
.refined-controls .print-options small { font-size:7px; }
.refined-controls .print-options strong { color:var(--purple);font-size:9px; }
.refined-total { margin:18px 18px 0;padding:16px;border:1px solid #e0d6e3;border-radius:14px;background:linear-gradient(135deg,#f4edf6,#fff);box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(55,29,61,.07); }
.refined-total > div:first-child { gap:2px; }
.refined-total strong { font-size:23px; }
.refined-total small,.refined-total span { font-size:7px; }
.qty-control.polished-qty { height:42px;padding:4px;display:grid;grid-template-columns:34px 34px 34px;align-items:center;border:1px solid #d8cedb;border-radius:13px;background:#fff;box-shadow:inset 0 1px 2px rgba(59,31,65,.04),0 6px 13px rgba(55,29,61,.06);overflow:hidden; }
.qty-control.polished-qty button { width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:#f1eaf3;color:var(--purple);cursor:pointer; }
.qty-control.polished-qty button:hover { background:#e6d8e9; }
.qty-control.polished-qty button svg { width:14px; }
.qty-control.polished-qty span { color:#2e2430;font-size:10px;font-weight:900;text-align:center; }
.refined-controls > .refined-add { width:calc(100% - 36px);height:49px;margin:12px 18px 0;border-radius:13px;font-size:9px; }
.real-garment-preview .show-leftSleeve { transform:rotate(90deg) scale(.73); }
.real-garment-preview .show-rightSleeve { transform:rotate(-90deg) scale(.73); }
.real-garment-preview .garment-print-zone.zone-leftSleeve { left:66%;top:29%;width:15%;height:21%; }
.real-garment-preview .garment-print-zone.zone-rightSleeve { left:34%;top:29%;width:15%;height:21%; }
@media (max-width:1100px) {
  .refined-designer-layout { grid-template-columns:minmax(0,1fr) 410px; }
  .refined-stage { padding-left:16px;padding-right:16px; }
  .surface-tabs { width:92%; }
  .stable-shirt-canvas { width:94%; }
  .refined-controls .control-block { margin-left:14px;margin-right:14px; }
  .refined-total { margin-left:14px;margin-right:14px; }
  .refined-controls > .refined-add { width:calc(100% - 28px);margin-left:14px;margin-right:14px; }
}
@media (max-width:840px) and (min-width:761px) {
  .refined-designer-layout { grid-template-columns:minmax(0,1fr) 360px; }
  .refined-stage { min-height:650px; }
  .surface-tabs { width:96%; }.surface-tabs button { padding:0 5px;font-size:7px; }
  .stable-shirt-canvas { width:100%;min-height:450px; }
  .stable-garment .print-area { width:34%; }.stable-garment .print-area.surface-back { width:36%; }
  .refined-controls .model-grid { grid-template-columns:1fr; }
  .artwork-tools { grid-template-columns:1fr 1fr; }.artwork-tools button { grid-column:1/-1;justify-self:start; }
}
@media (max-width:760px) {
  .refined-designer { padding-bottom:0; }
  .refined-sub-header { height:62px;padding:0 10px;grid-template-columns:42px 1fr auto; }
  .designer-back { width:39px;height:39px;border-radius:12px; }
  .refined-sub-header .step-label { font-size:7px;text-align:center;white-space:nowrap; }.refined-sub-header .step-label span { padding:5px 6px;margin-right:4px; }
  .refined-sub-header .cart-button { min-width:72px;width:auto;height:39px;padding:0 10px;border-radius:11px;gap:6px; }.refined-sub-header .cart-button span { font-size:7px; }.refined-sub-header .cart-button svg { width:15px; }
  .refined-designer-layout { display:block;min-height:auto; }
  .refined-stage { min-height:545px;height:calc(100svh - 62px);max-height:650px;top:62px;padding:0 10px 12px;position:relative;overflow:hidden; }
  .refined-stage:before { width:86%;height:48%;top:43%; }
  .surface-tabs { width:100%;height:50px;margin-top:10px;padding:4px;border-radius:13px;gap:2px; }.surface-tabs button { padding:0 4px;border-radius:9px;font-size:6px; }.surface-tabs button svg { width:10px;height:10px; }
  .refined-stage .stage-topline { top:69px;left:12px;right:12px; }.refined-stage .stage-topline span { padding:5px 7px;font-size:5px; }
  .stable-shirt-canvas { width:100%;height:calc(100% - 102px);min-height:0;margin-top:42px; }
  .stable-garment .garment-photo,.stable-garment .garment-tint { width:100%;height:100%; }
  .stable-garment.garment-leftSleeve .garment-photo,.stable-garment.garment-leftSleeve .garment-tint,.stable-garment.garment-rightSleeve .garment-photo,.stable-garment.garment-rightSleeve .garment-tint { transform:rotate(90deg) scale(.64); }
  .stable-garment.garment-rightSleeve .garment-photo,.stable-garment.garment-rightSleeve .garment-tint { transform:rotate(-90deg) scale(.64); }
  .stable-garment .print-area { width:37%;height:41%;top:47%; }.stable-garment .print-area.surface-back { width:39%;height:42%; }
  .stable-garment .print-area.surface-leftSleeve { left:67%;top:28%;width:20%;height:21%; }.stable-garment .print-area.surface-rightSleeve { left:33%;top:28%;width:20%;height:21%; }
  .refined-stage .drag-hint { max-width:calc(100% - 20px);bottom:10px;padding:7px 9px;font-size:6px;white-space:normal;text-align:center;line-height:1.35; }
  .refined-controls { padding:12px 10px 24px;border:0;border-top:1px solid rgba(76,46,82,.13);background:#f3eef5;box-shadow:none; }
  .refined-controls .control-head { height:60px;margin:0 0 10px;padding:0 16px;border:0;border-radius:15px;box-shadow:0 10px 22px rgba(53,24,60,.16); }
  .refined-controls .control-block { margin:0 0 10px;padding:17px 14px;border:1px solid #e0d7e2;border-radius:15px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(53,29,58,.06); }
  .refined-controls .model-grid { grid-template-columns:1fr 1fr;gap:7px; }.refined-controls .model-grid button { min-height:69px;grid-template-columns:44px 1fr;padding:7px; }.refined-controls .model-grid button:last-child { grid-column:1/-1; }.refined-controls .model-grid img { width:42px;height:52px; }
  .refined-controls .split-control { grid-template-columns:1fr 92px;gap:13px; }
  .refined-controls .inline-fields { grid-template-columns:1fr 42px; }.refined-controls .inline-fields .range-field { grid-column:1/-1; }
  .artwork-tools { grid-template-columns:1fr 1fr; }.artwork-tools button { grid-column:1/-1;justify-self:start; }
  .refined-total { margin:0 0 10px;padding:14px;border-radius:15px; }.refined-total strong { font-size:21px; }
  .qty-control.polished-qty { grid-template-columns:32px 30px 32px;height:40px; }.qty-control.polished-qty button { width:32px;height:32px; }
  .refined-controls > .refined-add { width:100%;height:50px;margin:0;border-radius:14px; }

  .mobile-bottom button:nth-child(3) { width:56px!important;height:56px!important;margin:-15px auto 0!important;border:4px solid #f5f0f7!important;border-radius:50%!important;transform:none!important; }
  .mobile-bottom button:nth-child(3) svg { transform:none!important; }
  .mobile-bottom button:nth-child(3):after { bottom:-15px!important;transform:translateX(-50%)!important; }
}
@media (max-width:390px) {
  .refined-sub-header .step-label { font-size:6px;letter-spacing:.08em; }
  .refined-sub-header .cart-button span { font-size:0; }.refined-sub-header .cart-button span:after { content:"ADD";font-size:7px; }
  .surface-tabs button { font-size:5.5px; }
  .refined-controls .model-grid { grid-template-columns:1fr; }.refined-controls .model-grid button:last-child { grid-column:auto; }
  .refined-controls .split-control { grid-template-columns:1fr; }
}
.compact-garment .design-layer.selected { outline:2px dashed #64116f;outline-offset:5px;box-shadow:none; }
.compact-controls .swatches button { border:1px solid #d4cad7;box-shadow:0 4px 9px rgba(44,26,48,.1);outline:0; }
.compact-controls .swatches button.active { border:3px solid #6a1975;outline:0;box-shadow:none; }
.compact-controls .print-options button.active {box-shadow:none; }
.compact-controls .print-options button > span { border:0;background:#211b24;color:#fff; }
.compact-controls .print-options button.active > span { border:0; }
.compact-controls .print-options button:not(.active) > span:after { content:"";width:5px;height:5px;border-radius:50%;background:#fff;opacity:.82; }
.custom-picker { width:100%;height:100%;position:relative; }
.picker-trigger { width:100%;height:100%;padding:0 10px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#3c303f;text-align:left;font-size:8px;font-weight:900;cursor:pointer; }
.picker-trigger span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.picker-trigger svg { width:14px!important;height:14px;flex:0 0 auto;transition:transform .18s;color:#6a1975!important;pointer-events:none; }
.custom-picker.open .picker-trigger svg { transform:rotate(180deg); }
.picker-menu { min-width:100%;padding:6px;position:absolute;left:0;top:calc(100% + 7px);z-index:120;display:grid;gap:3px;border:1px solid rgba(91,27,101,.2);border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(47,18,53,.2); }
.picker-menu button { width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#463a49;text-align:left;font-size:8px;font-weight:800;white-space:nowrap;cursor:pointer; }
.picker-menu button:hover { background:#f4ebf5; }
.picker-menu button.selected { background:#64116f;color:#fff; }
.picker-menu button svg { width:13px;height:13px; }
.apparel-dropdown { overflow:visible;grid-template-columns:1fr;grid-template-rows:13px 1fr; }
.apparel-dropdown > span { grid-column:1;grid-row:1; }
.apparel-dropdown .custom-picker { grid-column:1;grid-row:2;min-width:0; }
.apparel-dropdown .picker-trigger { padding:0;font-size:8px; }
.apparel-dropdown .picker-menu { width:245px;left:auto;right:-5px;top:calc(100% + 10px); }
.compact-controls .styled-select { position:relative;overflow:visible; }
.compact-controls .styled-select:after { display:none; }
.compact-controls .styled-select .picker-trigger { padding:0 10px; }
.compact-controls .inline-fields .styled-select { z-index:18; }
.compact-choice-block > div:last-child { position:relative;z-index:22; }
.compact-garment > .garment-photo { filter:grayscale(1); }
.compact-garment > .garment-tint { opacity:.88; }
.compact-garment > .sleeve-photo,.compact-garment > .sleeve-tint { width:84%;height:92%;inset:4% 8%;object-fit:contain;border-radius:18px; }
.compact-garment > .sleeve-tint { mask-size:contain;-webkit-mask-size:contain; }
.real-garment-preview .garment-photo { filter:grayscale(1); }
.real-garment-preview .garment-tint {mix-blend-mode:multiply; }
.real-garment-preview .garment-tint.sleeve-preview { inset:4%!important;width:92%!important;height:92%!important; }
@media (max-width:760px) {
  .hero-copy { min-height:auto!important;padding:76px 20px 58px!important; }
  .hero-copy h1 { margin:18px 0 24px!important;font-size:clamp(49px,14.4vw,63px)!important;line-height:.9!important;letter-spacing:-.045em!important; }
  .hero-copy h1 em { display:block;white-space:nowrap;color:#6b1477!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-stroke:0!important;font-size:.91em;letter-spacing:-.035em;line-height:.92; }
  .hero-copy > p { font-size:13px!important;line-height:1.65!important; }
  .apparel-dropdown { grid-template-rows:10px 1fr;overflow:visible; }
  .apparel-dropdown .picker-trigger { font-size:7px; }
  .apparel-dropdown .picker-menu { width:calc(100vw - 38px);right:-1px;top:calc(100% + 8px); }
  .picker-menu button { min-height:41px;font-size:9px; }
  .compact-garment > .sleeve-photo,.compact-garment > .sleeve-tint { width:94%;height:94%;inset:3%;border-radius:12px; }
}
.brand-mark { object-fit:contain;background:#fff!important;border-radius:50%;box-shadow:0 8px 20px rgba(66,17,76,.17); }
.admin-logo > img{ width:40px;height:40px;object-fit:contain;border-radius:50%;background:#fff; }
.app-loader { min-height:100dvh;display:grid;place-items:center;background:transparent; }
.app-loader .one-line-loader { margin:auto; }
/* v128: transparent vector symbol with smoothly spinning violet outer circle. */
.one-line-loader { width:90px;height:90px;position:relative;display:grid;place-items:center;flex-shrink:0;background:transparent!important;border:0!important;box-shadow:none!important;isolation:isolate; }
.one-line-loader::before { content:"";position:absolute;inset:0;border-radius:50%;box-sizing:border-box;border:4px solid rgba(100,17,111,.13);border-top-color:#64116f;border-right-color:#92349f;animation:oneLineLogoLoadSpin .95s linear infinite;pointer-events:none; }
.one-line-loader img { width:54px!important;height:58px!important;object-fit:contain;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:none!important; }
@keyframes oneLineLogoLoadSpin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce){.one-line-loader::before{animation-duration:2s}}
.compact-garment .design-layer.selected { outline:0!important; }
.compact-garment .design-layer.selected:after { display:block!important;content:""!important;position:absolute;inset:-7px;border:2px solid #64116f!important;border-radius:5px;box-shadow:none!important;pointer-events:none; }
.compact-garment > .sleeve-photo { filter:grayscale(1) brightness(1.8) contrast(.62)!important;opacity:.62; }
.compact-garment > .sleeve-tint { opacity:.94!important;mix-blend-mode:normal!important; }
.real-garment-preview .sleeve-preview.garment-photo { filter:grayscale(1) brightness(1.8) contrast(.62)!important;opacity:.62; }
.real-garment-preview .sleeve-preview.garment-tint { opacity:.94!important;mix-blend-mode:normal!important; }
.admin-drawer .custom-picker { margin-top:6px; }
.print-admin label { display:flex;align-items:center;gap:5px;color:#64116f;font-weight:900;font-size:10px; }
.print-admin input { width:74px;height:36px;padding:0 8px;border:1px solid #d9cedc;border-radius:8px; }
.admin-panel > .admin-primary { margin:14px; }










.order-actions { display:flex;flex-wrap:wrap;gap:7px; }
.order-actions button { min-height:38px;padding:0 12px;border:1px solid #d8cedb;border-radius:9px;background:#fff;font-size:8px;font-weight:900; }
.order-actions .danger { color:#a71b35;border-color:#e1b7bf; }
.real-garment-preview .saved-design-text,.real-garment-preview .saved-design-image { position:absolute;max-width:100%;font-weight:900;line-height:1;white-space:nowrap; }
@media (max-width:760px){
  .admin-logo > img{ width:36px;height:36px; }
  
  
  
}
:root { --acid:#cda3d5; --purple:#64116f; --purple-deep:#3f0849; --purple-soft:#f3e9f5; }
.announcement b,.category-pills button.active,.checkout-steps span.active b,.mini-summary > strong,.drawer-total strong{ color:#e8c9ee; }
.bag-link span,.category-block.acid,.discount-tag,.success-icon,.switch input:checked + span,.toggle-list input:checked{ background:#7b2786!important;color:#fff!important; }
.hero-visual { background:#e9d7ed; }
.process-grid article > svg { color:#d8a6e0!important;filter:drop-shadow(0 8px 12px rgba(133,45,145,.28))!important; }
.acid-button { color:#fff!important;background:linear-gradient(145deg,#7d2588,#50105c)!important;box-shadow:0 15px 30px rgba(85,18,96,.25)!important; }
.bulk-banner { background:linear-gradient(125deg,#f0e9f4,#e7d7ec 56%,#fbf8fc)!important; }
.customer-order-head h2 { color:#7a2786!important; }
.metric-grid article.acid { background:linear-gradient(145deg,#a85ab2,#6d1b78)!important;color:#fff; }

.empty-state button,.cart-empty .primary { border-color:#64116f!important;background:#64116f!important;color:#fff!important; }
.cart-empty .secondary { border-color:#64116f!important;background:#fff!important;color:#64116f!important; }
.admin-note { background:#f4ebf6!important;border-left-color:#8f3c9b!important; }
.order-dot,.status-mark { background:#8d3a98; }
.surface-switcher button.active i,.surface-tabs button.active svg { background:#7d2588!important;color:#fff!important; }
.gesture-hint svg,.refined-stage .drag-hint svg { color:#8a3696!important; }
.compact-designer { min-height:100vh;background:#f4f0f5; }
.compact-designer-layout { min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1fr) 420px; }
.compact-stage { min-width:0;min-height:690px;padding:18px 24px 26px;position:sticky;top:72px;height:calc(100vh - 72px);overflow:hidden;background:radial-gradient(circle at 50% 42%,#fff 0,#f8f5f9 38%,#e8e0ea 100%); }
.compact-stage:before { content:"";position:absolute;inset:18% 12% 14%;border-radius:50%;background:radial-gradient(ellipse,rgba(105,32,116,.1),transparent 67%);filter:blur(22px);pointer-events:none; }
.compact-designer-bar { width:min(920px,100%);height:48px;margin:0 auto;display:grid;grid-template-columns:1fr 210px;gap:8px;position:relative;z-index:8; }
.compact-surface-tabs { min-width:0;padding:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;border:1px solid rgba(78,35,86,.15);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 9px 24px rgba(57,28,62,.09);backdrop-filter:blur(14px); }
.compact-surface-tabs button { min-width:0;position:relative;border:0;border-radius:8px;background:transparent;color:#6b6170;font-size:8px;font-weight:900;letter-spacing:.04em;cursor:pointer; }
.compact-surface-tabs button.active { background:linear-gradient(145deg,#7c2687,#51105c);color:#fff;box-shadow:0 5px 12px rgba(85,19,96,.22); }
.compact-surface-tabs button i { width:5px;height:5px;position:absolute;right:6px;top:6px;border-radius:50%;background:#b568bf; }
.compact-surface-tabs button.active i { background:#fff; }
.compact-surface-tabs .short-label { display:none; }
.apparel-dropdown { min-width:0;height:48px;padding:5px 11px 5px 13px;display:grid;grid-template-columns:1fr 18px;grid-template-rows:13px 20px;align-items:center;border:1px solid rgba(78,35,86,.15);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 9px 24px rgba(57,28,62,.09);overflow:hidden; }
.apparel-dropdown > span { grid-column:1/-1;color:#8a7d8e;font-size:6px;font-weight:900;letter-spacing:.13em;text-transform:uppercase; }
.apparel-dropdown select { width:100%;height:20px;padding:0 16px 0 0;border:0;outline:0;background:transparent;color:#342836;font-size:8px;font-weight:900;appearance:none;cursor:pointer; }
.apparel-dropdown svg { width:14px;grid-column:2;grid-row:2;pointer-events:none;color:#6a1b75; }
.compact-stage .stage-topline { width:min(920px,100%);margin:12px auto 0;position:relative!important;inset:auto!important;display:flex;justify-content:space-between;z-index:5; }
.compact-stage .stage-topline span { padding:4px 8px;border:1px solid rgba(75,42,80,.12);border-radius:7px;background:rgba(255,255,255,.74);color:#776e79;font-size:6px;font-weight:900;letter-spacing:.12em; }
.compact-shirt-canvas { width:min(920px,100%);height:calc(100% - 112px);min-height:510px;margin:4px auto 0;position:relative;display:grid;place-items:center;z-index:3; }
.compact-garment { width:100%;height:100%;position:relative;display:grid;place-items:center; }
.compact-garment .garment-depth { width:48%;height:13%;left:50%;bottom:8%;position:absolute;transform:translateX(-50%);border-radius:50%;background:rgba(35,20,38,.17);filter:blur(25px); }
.compact-garment > .garment-photo,.compact-garment > .garment-tint { width:100%;height:100%;position:absolute;inset:0;object-fit:contain;user-select:none;pointer-events:none;transition:opacity .15s,filter .15s; }
.compact-garment > .garment-tint { opacity:.72;mix-blend-mode:multiply;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain; }
.compact-garment .sleeve-photo { width:84%;height:92%;object-fit:contain;border-radius:18px; }
.compact-garment .mirror-sleeve { transform:scaleX(-1); }
.compact-garment .print-area { width:31%;height:43%;position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);touch-action:none;z-index:4; }
.compact-garment .print-area.surface-back { width:33%;height:45%;top:47%; }
.compact-garment .print-area.surface-leftSleeve { left:42%;top:43%;width:20%;height:29%;transform:translate(-50%,-50%) rotate(-2deg); }
.compact-garment .print-area.surface-rightSleeve { left:58%;top:43%;width:20%;height:29%;transform:translate(-50%,-50%) rotate(2deg); }
.compact-garment .design-layer { touch-action:none;user-select:none;position:absolute;cursor:grab; }
.compact-garment .design-layer.selected { outline:1px dashed #fff;box-shadow:0 0 0 1px #671372; }
.compact-garment .text-layer { width:max-content;max-width:100%;white-space:nowrap;font-weight:900;line-height:1; }
.compact-garment .image-layer img { width:100%;height:auto;pointer-events:none; }
.compact-garment .layer-remove,.compact-garment .layer-rotate { width:24px;height:24px;position:absolute;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#5d1268;color:#fff;box-shadow:0 5px 12px rgba(33,10,37,.3);touch-action:none; }
.compact-garment .layer-remove { right:-14px;top:-14px; }
.compact-garment .layer-rotate { right:-14px;bottom:-14px;background:#fff;color:#5d1268;border-color:#5d1268; }
.compact-garment .layer-remove svg,.compact-garment .layer-rotate svg { width:11px; }
.compact-stage .drag-hint { margin:0;max-width:80%;padding:6px 10px;position:absolute;left:50%;bottom:13px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;border:1px solid rgba(71,38,76,.13);border-radius:9px;background:rgba(255,255,255,.86);color:#736a75;font-size:7px;font-weight:800;text-align:center;z-index:8; }
.compact-stage .drag-hint svg { width:13px;color:#74207f; }
.compact-controls { min-width:0;padding:18px 14px 26px;overflow:auto;border-left:1px solid rgba(75,43,80,.14);background:#f7f4f8; }
.compact-controls .control-head { height:48px;margin:0 0 10px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:12px;background:linear-gradient(145deg,#4d0b57,#72177d);color:#fff;box-shadow:0 10px 22px rgba(61,15,69,.18); }
.compact-controls .control-head span { font-size:8px;font-weight:900;letter-spacing:.12em; }
.compact-controls .control-head small { color:#e8caec;font-size:7px;font-weight:800; }
.quick-layer-tools { margin-bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.quick-layer-tools button { height:50px;padding:0 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(83,39,91,.16);border-radius:12px;background:#fff;color:#55105f;font-size:9px;font-weight:900;box-shadow:0 7px 16px rgba(53,27,57,.07);cursor:pointer; }
.quick-layer-tools button:first-child { background:#64116f;color:#fff;border-color:#64116f; }
.quick-layer-tools svg { width:18px; }
.compact-controls .control-block { margin:0 0 10px;padding:14px;border:1px solid rgba(83,43,90,.13);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(52,28,56,.055); }
.compact-controls .control-block > label,.compact-choice-block label { display:block;margin:0 0 10px;color:#625866;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.compact-choice-block { display:grid;grid-template-columns:1fr 90px;gap:13px;align-items:start; }
.compact-controls .swatches { display:flex;gap:8px; }
.compact-controls .swatches button { width:29px;height:29px;display:grid;place-items:center;border:2px solid #fff;border-radius:9px;box-shadow:0 0 0 1px #d4cad7,0 4px 9px rgba(44,26,48,.1); }
.compact-controls .swatches button.active { outline:2px solid #6a1975;outline-offset:2px; }
.compact-controls .swatches svg { width:13px;color:#fff;filter:drop-shadow(0 1px 2px #000); }
.compact-controls .swatches .custom-colour-swatch{position:relative;background:conic-gradient(#ff334f,#ff9d20,#ffe23e,#3fd55a,#20c8d8,#3478ff,#8f45e8,#ff3cab,#ff334f)!important;}
.compact-controls .swatches .custom-colour-swatch:before{content:"";position:absolute;inset:6px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);}
.compact-controls .swatches .custom-colour-swatch:after{content:"+";position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#4f1658;font-size:13px;font-weight:700;box-shadow:0 3px 8px rgba(0,0,0,.14);pointer-events:none;}
.visually-hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;border:0;padding:0;}
.compact-controls .styled-select { height:38px;border:1px solid #ded5e0;border-radius:10px;background:#faf8fb;overflow:hidden; }
.compact-controls .styled-select select { width:100%;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#3c303f;font-size:8px;font-weight:800; }
.compact-controls .input-with-icon { height:41px;padding:0 9px;display:grid;grid-template-columns:18px 1fr 25px;gap:6px;align-items:center;border:1px solid #ded5e0;border-radius:10px;background:#faf8fb; }
.compact-controls .input-with-icon > svg { width:14px;color:#741d80; }
.compact-controls .input-with-icon input { min-width:0;border:0;outline:0;background:transparent;font-size:10px;font-weight:800; }
.compact-controls .input-with-icon button { width:25px;height:25px;border:0;border-radius:7px;background:#eee7f0;display:grid;place-items:center; }
.compact-controls .input-with-icon button svg { width:12px; }
.compact-controls .inline-fields { margin-top:9px;display:grid;grid-template-columns:1fr 39px;gap:8px; }
.compact-controls .inline-fields > input[type=color] { width:39px;height:38px;padding:4px;border:1px solid #ded5e0;border-radius:10px;background:#fff; }
.compact-controls .range-field { min-height:35px;grid-column:1/-1;display:grid!important;grid-template-columns:45px 1fr;align-items:center;gap:7px;margin:0!important;color:#786d7b!important;text-transform:none!important;letter-spacing:0!important; }
.compact-controls input[type=range] { accent-color:#6c1977; }
.compact-controls .refined-upload { width:100%;height:55px;padding:7px 10px;display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:9px;border:1px dashed #a992ad;border-radius:11px;background:#faf8fb;text-align:left; }
.compact-controls .refined-upload img { width:40px;height:40px;object-fit:contain;border-radius:7px;background:#eee7ef; }
.compact-controls .refined-upload span { display:grid;gap:3px; }
.compact-controls .refined-upload b { font-size:9px; }
.compact-controls .refined-upload small { color:#897e8c;font-size:7px; }
.compact-controls .refined-upload svg { width:15px; }
.compact-controls .artwork-tools { margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.compact-controls .artwork-tools label { display:grid;gap:4px;color:#746a77;font-size:7px;font-weight:800; }
.compact-controls .artwork-tools button { grid-column:1/-1;width:max-content;height:29px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid #d7ccda;border-radius:8px;background:#f7f2f8;font-size:7px;font-weight:900; }
.compact-controls .artwork-tools button svg { width:11px; }
.compact-controls .print-options { display:grid;grid-template-columns:1fr;gap:6px; }
.compact-controls .print-options button { min-height:43px;padding:7px 9px;display:grid;grid-template-columns:20px 1fr auto;grid-template-rows:1fr 1fr;gap:2px 7px;align-items:center;border:1px solid #ded5e0;border-radius:10px;background:#fff;text-align:left; }
.compact-controls .print-options button.active { border:2px solid #6b1876;background:#f8f1f9; }
.compact-controls .print-options button > span { width:17px;height:17px;grid-row:1/-1;display:grid;place-items:center;border:1px solid #b7aabd;border-radius:50%; }
.compact-controls .print-options button.active > span { background:#691674;color:#fff;border-color:#691674; }
.compact-controls .print-options span svg { width:11px; }
.compact-controls .print-options b { font-size:8px; }
.compact-controls .print-options small { color:#857a88;font-size:6px; }
.compact-controls .print-options strong { grid-column:3;grid-row:1/-1;color:#6b1976;font-size:8px; }
.compact-controls .refined-total { margin:0 0 10px;padding:13px;border-radius:13px;background:linear-gradient(135deg,#f0e6f2,#fff); }
.compact-controls .refined-add { width:100%;height:48px;margin:0;border:0;border-radius:12px;background:linear-gradient(145deg,#7d2588,#50105c);box-shadow:0 12px 24px rgba(80,16,92,.2); }
.real-garment-preview .sleeve-preview { width:90%!important;height:92%!important;object-fit:contain!important;transform:none!important;border-radius:6px; }
.real-garment-preview .sleeve-preview.show-rightSleeve { transform:scaleX(-1)!important; }
.real-garment-preview .garment-print-zone.zone-leftSleeve { left:42%;top:43%;width:20%;height:29%;transform:translate(-50%,-50%); }
.real-garment-preview .garment-print-zone.zone-rightSleeve { left:58%;top:43%;width:20%;height:29%;transform:translate(-50%,-50%); }
.process-grid article { min-height:285px;padding:22px!important;justify-content:flex-start!important; }
.process-grid article > b { position:static!important;display:block;margin-bottom:34px;color:#a99baa!important; }
.process-grid article > svg { margin:0 0 42px!important;width:36px;height:36px; }
.process-grid article h3 { margin-top:auto; }
.bulk-banner { max-width:1400px;overflow:hidden;gap:34px; }
.bulk-banner > div { min-width:0; }
.bulk-banner h2 { overflow-wrap:anywhere; }
.catalog-tools { overflow:visible; }
.category-pills button { flex:0 0 auto;min-width:max-content; }
.site-header nav.open { background:#fff; }
.checkout-steps.two-steps { max-width:470px; }
@media (max-width:1100px) {
  .compact-designer-layout { grid-template-columns:minmax(0,1fr) 380px; }
  .compact-stage { padding-left:14px;padding-right:14px; }
}
@media (max-width:760px) {
  body { overflow-x:hidden; }
  .site-header nav.open { display:block!important;top:62px;left:10px;right:10px;padding:5px 14px 10px;border:1px solid rgba(74,35,80,.16);border-radius:0 0 16px 16px;background:#fff;box-shadow:0 20px 35px rgba(52,24,58,.16); }
  .site-header nav.open button { width:100%;height:42px;padding:0 4px;border:0!important;border-bottom:1px solid #eee7ef!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#3b303e;text-align:left; }
  .site-header nav.open button:last-child { border-bottom:0!important; }.site-header nav.open button:after { display:none; }
  .mobile-bottom { height:68px;grid-template-columns:repeat(5,1fr);padding:4px 5px 3px;border:0;border-radius:18px 18px 0 0;background:rgba(255,255,255,.97);box-shadow:0 -10px 30px rgba(62,24,68,.13); }
  .mobile-bottom button { min-width:0;border:0!important;border-radius:12px!important;background:transparent!important;color:#796f7c; }
  .mobile-bottom button.active { background:#f0e5f2!important;color:#671572; }
  .mobile-bottom button:nth-child(3) { width:54px!important;height:54px!important;margin:-13px auto 0!important;border:4px solid #f6f1f7!important;border-radius:17px!important;background:linear-gradient(145deg,#7d2588,#50105c)!important;color:#fff!important;box-shadow:0 9px 20px rgba(78,17,89,.3); }
  .mobile-bottom button:nth-child(3):after { color:#5e5262; }
  .mobile-bottom i { right:18%;background:#64116f; }
  footer { margin-bottom:-68px;padding-bottom:68px; }

  .process-section { padding:62px 14px; }.process-section h2 { font-size:clamp(37px,12vw,50px); }
  .process-grid { grid-template-columns:1fr 1fr;gap:10px; }
  .process-grid article { min-width:0;min-height:225px;padding:17px!important; }
  .process-grid article > b { margin-bottom:27px; }.process-grid article > svg { margin-bottom:32px!important;width:29px;height:29px; }.process-grid h3 { font-size:23px; }.process-grid p { font-size:10px; }
  .bulk-banner { width:auto!important;margin:0 14px 70px!important;padding:24px 20px!important;display:grid!important;gap:24px!important;align-items:start!important; }
  .bulk-banner h2 { max-width:100%;font-size:clamp(32px,11vw,48px);line-height:.95; }.bulk-banner p { max-width:100%; }.bulk-banner button { width:100%;min-width:0!important; }
  .catalog-page { overflow:hidden; }.catalog-title { gap:14px; }.catalog-title h1 { font-size:clamp(40px,13vw,52px);overflow-wrap:anywhere; }.catalog-title .filter-button { flex:0 0 auto; }
  .catalog-tools { margin-left:0;margin-right:0;border-radius:14px!important;overflow:hidden!important; }.catalog-tools > label { height:50px;padding:0 13px; }.catalog-tools input { min-width:0;height:48px;font-size:11px; }.category-pills { width:100%;height:45px;padding:4px;gap:4px;background:#f3edf4;overflow-x:auto;scrollbar-width:none; }.category-pills::-webkit-scrollbar { display:none; }.category-pills button { min-height:37px;padding:0 14px;border:0!important;border-radius:9px;background:#fff; }.category-pills button.active { background:#64116f;color:#fff; }
  .cart-empty > div { width:min(100%,300px);display:grid;grid-template-columns:1fr;gap:8px; }.cart-empty button { width:100%; }
  .qty-control { height:40px;border:1px solid #d8cedb;border-radius:11px;background:#fff;overflow:hidden; }.qty-control button { width:38px;height:38px;background:#f1eaf3;border-radius:8px; }.qty-control span { width:34px; }
  .checkout-steps.two-steps { width:min(100%,390px);padding:0 10px; }.checkout-steps.two-steps > span { font-size:8px; }.checkout-steps.two-steps > span:last-child { font-size:8px; }

  .compact-designer { padding-bottom:0; }
  .compact-designer-layout { display:block;min-height:auto; }
  .compact-stage { position:relative;top:0;height:calc(100svh - 62px);min-height:530px;max-height:650px;padding:9px 9px 12px; }
  .compact-designer-bar { height:auto;display:grid;grid-template-columns:1fr;gap:6px; }
  .compact-surface-tabs { height:42px;order:1; }.compact-surface-tabs button { font-size:6.5px; }.compact-surface-tabs .full-label { display:none; }.compact-surface-tabs .short-label { display:inline; }
  .apparel-dropdown { width:100%;height:40px;grid-template-columns:1fr 16px;grid-template-rows:10px 17px;order:0;padding:4px 10px; }.apparel-dropdown > span { font-size:5.5px; }.apparel-dropdown select { font-size:7px; }
  .compact-stage .stage-topline { margin-top:7px; }.compact-stage .stage-topline span { font-size:5px; }
  .compact-shirt-canvas { height:calc(100% - 122px);min-height:0;margin-top:0; }
  .compact-garment .garment-depth { bottom:7%;width:62%; }
  .compact-garment .sleeve-photo { width:94%;height:94%;border-radius:12px; }
  .compact-garment .print-area { width:39%;height:43%;top:48%; }.compact-garment .print-area.surface-back { width:40%;height:45%; }
  .compact-garment .print-area.surface-leftSleeve { left:42%;top:43%;width:24%;height:29%; }.compact-garment .print-area.surface-rightSleeve { left:58%;top:43%;width:24%;height:29%; }
  .compact-stage .drag-hint { max-width:calc(100% - 18px);bottom:8px;padding:5px 7px;font-size:5.5px;white-space:normal;line-height:1.3; }
  .compact-controls { padding:12px 10px 24px;border:0;border-top:1px solid rgba(76,46,82,.13);background:#f4eff5;overflow:visible; }
  .compact-controls .control-head { height:48px;margin-bottom:9px; }.quick-layer-tools { gap:7px;margin-bottom:9px; }.quick-layer-tools button { height:48px;justify-content:center;padding:0 10px; }
  .compact-controls .control-block { padding:14px;margin-bottom:9px; }.compact-choice-block { grid-template-columns:1fr 88px;gap:12px; }
  .compact-controls .swatches { gap:7px; }.compact-controls .swatches button { width:28px;height:28px; }
  .compact-controls .refined-total { margin:0 0 9px; }.compact-controls .refined-add { height:50px; }
}
@media (max-width:390px) {
  .compact-surface-tabs button { font-size:6px; }
  .compact-choice-block { grid-template-columns:1fr; }
  .compact-controls .swatches { justify-content:space-between; }
  .process-grid article { min-height:210px;padding:14px!important; }
}
.compact-garment .design-layer.selected { outline:2px dashed #64116f!important;outline-offset:5px!important; }
.compact-garment .design-layer.selected:after {content:none!important; }
.compact-controls .swatches button { border:1px solid #d4cad7!important;outline:0!important;box-shadow:0 4px 9px rgba(44,26,48,.1)!important; }
.compact-controls .swatches button.active { border:3px solid #6a1975!important;outline:0!important;box-shadow:none!important; }
.compact-controls .print-options button.active { border:2px solid #6b1876!important;box-shadow:none!important; }
.compact-controls .print-options button > span { border:0!important;background:#211b24!important;color:#fff!important; }
.compact-controls .print-options button.active > span { border:0!important;background:#691674!important;color:#fff!important; }
.apparel-dropdown { overflow:visible!important;grid-template-columns:1fr!important;grid-template-rows:13px 1fr!important; }
.apparel-dropdown > span { grid-column:1!important;grid-row:1!important; }
.apparel-dropdown .custom-picker { grid-column:1!important;grid-row:2!important; }
.compact-controls .styled-select { position:relative!important;overflow:visible!important; }
.compact-controls .styled-select:after { display:none!important; }
.admin-category-picker { height:39px;border:1px solid var(--line);background:#fff;z-index:40; }
.admin-category-picker .picker-trigger { font-size:10px; }
.admin-category-picker .picker-menu { top:calc(100% + 5px); }
.compact-garment > .garment-photo { filter:grayscale(1)!important; }
.compact-garment > .garment-tint { opacity:.88!important;mix-blend-mode:multiply!important; }
.compact-garment > .sleeve-photo,.compact-garment > .sleeve-tint { width:84%!important;height:92%!important;inset:4% 8%!important;object-fit:contain!important;border-radius:18px!important; }
.real-garment-preview .garment-photo { filter:grayscale(1)!important; }
.real-garment-preview .garment-tint { opacity:.88!important;mix-blend-mode:multiply!important; }
@media (max-width:760px) {
  .hero-copy { min-height:auto!important;padding:76px 20px 58px!important; }
  .hero-copy h1 { margin:18px 0 24px!important;font-size:clamp(49px,14.4vw,63px)!important;line-height:.9!important;letter-spacing:-.045em!important; }
  .hero-copy h1 em { display:block!important;white-space:nowrap!important;color:#6b1477!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-stroke:0!important;font-size:.91em!important;letter-spacing:-.035em!important;line-height:.92!important; }
  .hero-copy > p { font-size:13px!important;line-height:1.65!important; }
  .apparel-dropdown { grid-template-rows:10px 1fr!important; }
  .compact-garment > .sleeve-photo,.compact-garment > .sleeve-tint { width:94%!important;height:94%!important;inset:3%!important;border-radius:12px!important; }
}
@media (max-width:380px) {
  .hero-copy h1 { font-size:clamp(45px,14vw,55px)!important; }
}
.b2b-head-link{height:38px;padding:0 13px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:800 9px/1 inherit;letter-spacing:.06em;cursor:pointer;white-space:nowrap}
.real-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--ink);border-right:0}
.real-category-card{min-width:0;border-right:1px solid var(--ink);background:#fff;cursor:pointer;text-align:left;overflow:hidden}
.real-category-card .category-photo{aspect-ratio:3/4;background:#ded8d0}
.real-category-card .category-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .32s ease}
.real-category-card:hover .category-photo img{transform:scale(1.025)}
.real-category-card .category-block{min-height:88px;padding:13px 12px;border:0!important}
.real-category-card .category-block h3{margin:0 0 5px;font-size:16px;line-height:1.05}
.real-category-card .category-block p{margin:0;color:#706b6c;font-size:9px;line-height:1.45}
.real-category-card .category-code{font-size:7px;color:#8c858c;letter-spacing:.1em}
.responsive-catalog-grid,.home-product-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.wellone-card.product-card{min-width:0;border:1px solid #ddd6de!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease}
.wellone-card.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(52,31,58,.09)!important}
.product-image-wrap.ratio-3x4{border-bottom:1px solid #e5dee6!important}
.product-image-wrap.ratio-3x4 img{position:absolute!important;inset:0!important;display:block!important;transition:transform .25s ease}
.wellone-card:hover .product-image-wrap.ratio-3x4 img{transform:scale(1.018)}
.wellone-card .product-info{padding:10px 10px 11px!important;min-height:94px!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.wellone-card .product-info>small{font-size:7px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#877f88!important}
.wellone-card .product-info h3{margin:0!important;font-size:13px!important;line-height:1.18!important;min-height:31px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wellone-card .price-row{margin-top:auto!important;display:flex!important;align-items:end!important;justify-content:space-between!important;gap:6px!important}
.wellone-card .price-row strong{font-size:14px!important}
.wellone-card .price-row del{font-size:8px!important;color:#999!important}
.wellone-card .b2b-price-label{font-size:11px!important;font-weight:900!important;color:#5c1267!important}
.wellone-catalog{padding-bottom:100px}
.compact-catalog-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.compact-catalog-title>div{min-width:0}
.compact-catalog-title h1{margin:4px 0 0}
.wellone-filter-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;border:1px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);font-size:10px;font-weight:900;cursor:pointer}
.wellone-filter-button svg{width:15px;height:15px}
.active-filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin:-7px 0 15px}
.active-filter-chips button{height:30px;padding:0 10px;border:1px solid #d6cad8;border-radius:16px;background:#fff;color:#584e5a;font-size:8px;font-weight:800;cursor:pointer}
.catalog-filter-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end;background:rgba(16,18,16,.46);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.catalog-filter-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.catalog-filter-drawer{width:min(430px,92vw);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;box-shadow:-20px 0 50px rgba(23,18,25,.18);transform:translateX(104%);transition:transform .24s ease;overflow:hidden}
.catalog-filter-overlay.open .catalog-filter-drawer{transform:translateX(0)}
.catalog-filter-drawer>header{height:67px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8e5e3}
.catalog-filter-drawer>header div{display:grid;gap:2px}
.catalog-filter-drawer>header small{font-size:7px;letter-spacing:.12em;color:#8a838b;text-transform:uppercase}
.catalog-filter-drawer>header strong{font-size:17px}
.filter-drawer-close{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ddd6df;border-radius:50%;background:#fff;cursor:pointer}
.filter-drawer-close svg{width:15px}
.catalog-filter-body{min-height:0;overflow:auto;padding:17px 17px 28px}
.filter-drawer-group{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #ece8ed}
.filter-drawer-group:last-child{border-bottom:0}
.filter-group-title{margin-bottom:10px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#544b56}
.filter-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.catalog-filter-choice{min-height:42px;padding:7px 9px;display:flex;align-items:center;gap:8px;border:1px solid #ded8df;border-radius:7px;background:#fff;text-align:left;color:#322d33;font-size:9px;font-weight:700;cursor:pointer}
.catalog-filter-choice.is-selected{border-color:#661572;background:#f6edf7;color:#62136d}
.filter-check{width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;border:1px solid #c8c0ca;border-radius:3px;background:#fff}
.catalog-filter-choice.is-selected .filter-check{border-color:#651470;background:#651470;color:#fff}
.filter-check svg{width:11px}
.catalog-filter-drawer>footer{padding:12px 14px max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1.6fr;gap:9px;border-top:1px solid #e7e2e8;background:#fff}
.filter-reset-button,.filter-apply-button{height:45px;border-radius:7px;font-size:10px;font-weight:900;cursor:pointer}
.filter-reset-button{border:1px solid #cec7cf;background:#fff;color:#403940}
.filter-apply-button{border:1px solid #5f126a;background:#64116f;color:#fff}
.product-fullscreen{min-height:calc(100svh - 104px);padding:0 3vw 82px;background:#f8f6f1}
.product-full-back{height:55px;display:flex;align-items:center}
.product-full-back button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;font-size:9px;font-weight:900;cursor:pointer}
.product-full-back svg{width:16px}
.product-full-inner{min-height:calc(100svh - 160px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.85fr);gap:0;background:#fff;border:1px solid #ddd5de}
.product-full-media{min-width:0;padding:18px;display:grid;grid-template-columns:1fr 74px;gap:11px;border-right:1px solid #ddd5de;background:#f0ece8}
.product-full-media>img{width:100%;height:min(72svh,720px);object-fit:cover;aspect-ratio:3/4;background:#ddd;border:1px solid #d2cbd3}
.product-thumbs{display:flex;flex-direction:column;gap:8px;min-width:0}
.product-thumbs button{width:100%;aspect-ratio:3/4;padding:0;border:1px solid #cbc4cd;background:#fff;overflow:hidden;cursor:pointer}
.product-thumbs img{width:100%;height:100%;object-fit:cover}
.product-full-info{padding:clamp(24px,4vw,58px);display:flex;flex-direction:column;min-width:0}
.product-full-info>.eyebrow{margin-bottom:9px}
.product-full-info h1{margin:0 0 13px;font-size:clamp(31px,4vw,55px);line-height:.92;letter-spacing:-.045em}
.product-full-info>p{max-width:590px;color:#645c65;font-size:11px;line-height:1.7}
.detail-price{margin:18px 0 22px;display:flex;align-items:baseline;gap:10px}
.detail-price strong{font-size:25px}
.detail-price del{font-size:10px;color:#908891}
.selection-block{margin-top:16px}
.selection-block>label{display:block;margin-bottom:9px;font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.colour-options,.size-options,.option-choice-grid{display:flex;gap:8px;flex-wrap:wrap}
.colour-options button,.size-options button,.option-choice-grid button{min-width:42px;height:38px;padding:0 10px;border:1px solid #d8d1d9;background:#fff;font-size:9px;font-weight:800;cursor:pointer}
.colour-options button.active,.size-options button.active,.option-choice-grid button.active{border:2px solid #64116f;background:#f7eef8;color:#64116f}
.product-action-row{margin-top:auto;padding-top:25px;display:grid;grid-template-columns:1.3fr 1fr;gap:9px}
.product-action-row button{height:50px;border:1px solid var(--ink);font-size:10px;font-weight:900;cursor:pointer}
.product-action-row .detail-add{background:var(--ink);color:#fff}
.product-action-row .custom-enquiry-btn{border-color:#1d9e52;background:#20b760;color:#fff}
.product-action-row .custom-enquiry-btn svg{width:17px;vertical-align:middle;margin-right:6px}
.ready-made-note{margin:12px 0 0!important;padding:11px 12px;border-left:3px solid #64116f;background:#f7f1f8;color:#544a56!important;font-size:9px!important;line-height:1.45!important}
.whatsapp-float{position:fixed;right:17px;bottom:88px;z-index:780;min-width:52px;height:52px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:26px;background:#25d366;color:#fff;box-shadow:0 12px 26px rgba(23,126,66,.3);font-size:9px;font-weight:900;cursor:grab;touch-action:none;user-select:none}
.whatsapp-float:active{cursor:grabbing}
.whatsapp-float svg{width:18px;height:18px}
.improved-cart-page{background:#f7f4ef}
.cart-layout{align-items:start}
.improved-cart-item{background:#fff;border:1px solid #ddd6de!important;border-radius:10px!important;overflow:hidden!important;padding:12px!important;gap:14px!important}
.cart-custom-preview{width:155px!important;height:175px!important;min-width:155px!important;border-radius:8px!important;background:#eee8ef!important}
.cart-ready-preview{width:130px!important;height:165px!important;object-fit:cover!important;border-radius:7px!important;background:#eee}
.garment-print-zone{container-type:inline-size}
.real-garment-preview .saved-design-text{max-width:none!important;overflow:visible!important}
.real-garment-preview .saved-design-image{max-width:none!important}
.cart-item-info h3{font-size:18px!important;line-height:1.05!important}
.cart-design-meta{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.cart-design-meta span{padding:5px 7px;border:1px solid #e0d8e2;border-radius:4px;background:#faf8fb;font-size:7px;font-weight:800}
.cart-edit-design{margin-top:6px;border:0;background:transparent;color:#64116f;font-size:8px;font-weight:900;text-decoration:underline;cursor:pointer}
.locked-garment-stage .locked-garment,.locked-garment-stage .garment-photo,.locked-garment-stage .garment-tint,.locked-garment-stage .garment-depth{user-select:none!important;pointer-events:none!important}
.locked-garment-stage .print-area,.locked-garment-stage .design-layer,.locked-garment-stage .design-layer *{pointer-events:auto}
.compact-garment .print-area{overflow:visible!important}
.compact-garment .design-layer{max-width:none!important;max-height:none!important;overflow:visible!important}
.compact-garment .text-layer{width:max-content!important;max-width:none!important;white-space:nowrap!important;line-height:1!important}
.compact-garment .layer-text-content{display:block;white-space:nowrap;pointer-events:none!important}
.compact-garment .design-layer.selected{outline:2px solid #64116f!important;outline-offset:7px!important;box-shadow:none!important;border:0!important}
.compact-garment .design-layer.selected:after{display:none!important}
.compact-garment .layer-remove,.compact-garment .layer-rotate{border:0!important;box-shadow:0 5px 12px rgba(33,10,37,.28)!important}
.compact-garment .layer-remove{background:#d93a46!important}
.compact-garment .layer-rotate{background:#64116f!important}
.cloth-type-control{background:#fbf9fc}
.cloth-type-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cloth-type-cards button{min-height:49px;padding:8px;border:1px solid #ddd3df;border-radius:6px;background:#fff;display:grid;gap:3px;text-align:left;cursor:pointer}
.cloth-type-cards button b{font-size:9px}
.cloth-type-cards button small{font-size:7px;color:#7d727f}
.cloth-type-cards button.active{border:2px solid #64116f;background:#f6edf7;color:#64116f}
.cloth-type-dropdown{min-width:190px!important}
.font-field{min-width:0}
.font-field>span{display:block;margin:0 0 4px;font-size:7px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#746978}
.font-field .custom-picker{width:100%}
.edit-tip,.sublimation-help{display:block;margin:6px 0 0!important;color:#796e7b;font-size:7.5px!important;line-height:1.4}
.sublimation-help{padding:8px 9px;border:1px solid #e2d9e4;border-radius:5px;background:#f9f5fa}
.print-options button.disabled,.print-options button:disabled{opacity:.44;cursor:not-allowed;background:#f1eef1!important}
.print-options button.disabled strong,.print-options button:disabled strong{color:#999}
.b2b-login-page{min-height:calc(100svh - 90px);display:grid;place-items:center;padding:30px 14px 100px;background:#f5f1eb}
.b2b-login-card{width:min(410px,100%);padding:26px;border:1px solid var(--ink);background:#fff}
.b2b-login-card h1{margin:5px 0 8px;font-size:36px;letter-spacing:-.04em}
.b2b-login-card p{margin:0 0 20px;color:#6e666f;font-size:10px;line-height:1.5}
.b2b-login-card label{display:grid;gap:5px;margin:0 0 11px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.b2b-login-card input{height:43px;padding:0 10px;border:1px solid #d7cfd9;font:inherit}
.b2b-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.b2b-actions button{height:45px;font-size:9px;font-weight:900;cursor:pointer}
.b2b-error{margin-top:9px!important;color:#b02038!important}
.b2b-enquiry{height:50px;margin-top:auto;border:0;background:#25b65e;color:#fff;font-weight:900;cursor:pointer}
.b2b-price-label{font-weight:900;color:#64116f}
@media (max-width:1199px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .real-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:899px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .real-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-full-inner{grid-template-columns:1fr}.product-full-media{border-right:0;border-bottom:1px solid #ddd5de}.product-full-media>img{height:min(62svh,620px)}.product-full-info{padding:28px}.product-action-row{margin-top:25px}
}
@media (max-width:599px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .real-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:0}.real-category-card{border-bottom:1px solid var(--ink)}
  .real-category-card .category-block{min-height:74px;padding:10px}.real-category-card .category-block h3{font-size:14px}
  .wellone-card .product-info{min-height:83px!important;padding:8px!important}.wellone-card .product-info h3{font-size:11px!important;min-height:27px!important}.wellone-card .price-row strong{font-size:12px!important}
  .catalog-page{padding-left:11px!important;padding-right:11px!important}.compact-catalog-title{align-items:center;margin-bottom:14px}.compact-catalog-title h1{font-size:39px!important}.wellone-filter-button{height:39px;padding:0 12px}
  .catalog-filter-drawer{width:94vw}.filter-choice-grid{grid-template-columns:1fr 1fr}.catalog-filter-choice{min-height:40px;padding:6px 8px;font-size:8px}
  .product-fullscreen{padding:0 0 78px}.product-full-back{padding:0 13px}.product-full-inner{border-left:0;border-right:0}.product-full-media{padding:10px;grid-template-columns:1fr 54px;gap:7px}.product-full-media>img{height:auto;max-height:58svh;aspect-ratio:3/4}.product-thumbs{gap:5px}.product-full-info{padding:20px 14px 24px}.product-full-info h1{font-size:35px}.product-full-info>p{font-size:10px}.product-action-row{grid-template-columns:1fr;gap:7px}.product-action-row button{height:48px}
  .whatsapp-float{right:12px;bottom:82px;min-width:49px;height:49px;padding:0 13px;border-radius:25px}.whatsapp-float span{display:none}
  .improved-cart-item{display:grid!important;grid-template-columns:105px 1fr!important;gap:10px!important}.cart-custom-preview{width:105px!important;height:125px!important;min-width:105px!important}.cart-ready-preview{width:105px!important;height:132px!important}.cart-item-info h3{font-size:14px!important}
  .cloth-type-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cloth-type-cards button{padding:7px 6px}.cloth-type-dropdown{min-width:0!important}.compact-designer-bar{align-items:stretch}.apparel-dropdown{width:100%!important}
  .b2b-head-link{display:none}.b2b-actions{grid-template-columns:1fr}
}
.real-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.real-category-card.category-block{min-height:300px;padding:0!important;display:grid!important;grid-template-rows:1fr auto;position:relative;background:#fff!important;color:var(--ink)!important}
.real-category-card.category-block:first-child{grid-column:span 2}
.real-category-card .category-code{position:absolute;left:10px;top:10px;z-index:2;padding:5px 7px;border:1px solid rgba(23,24,23,.65);background:rgba(255,255,255,.9);font-size:8px}
.real-category-card .category-photo{width:100%;height:100%;min-height:220px;grid-row:1;overflow:hidden;border-bottom:1px solid var(--ink)}
.real-category-card>div:last-of-type{min-height:78px;padding:12px 13px 13px;text-align:left;background:#fff}
.real-category-card>div:last-of-type h3{margin:0 0 4px;font-size:18px;line-height:1.05}
.real-category-card>div:last-of-type p{margin:0;padding-right:22px;color:#716a72;font-size:9px;line-height:1.4}
.real-category-card>svg{right:12px!important;bottom:14px!important;z-index:3}
.wellone-card .product-info>p{margin:0!important;color:#877f88!important;font-size:7px!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.cart-ready-preview{overflow:hidden!important}
.cart-ready-preview img{display:block!important}
.cart-custom-preview{display:grid!important;grid-template-rows:minmax(0,1fr) 18px!important;overflow:hidden!important}

/* ===== styles-3.css ===== */
.cart-custom-preview>.real-garment-preview{width:100%!important;height:100%!important;border-radius:0!important}
.cart-custom-preview>span{display:grid;place-items:center;background:#fff;color:#706572;font-size:6px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.product-full-back>.back-button{height:40px;padding:0;border:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;font-size:9px!important;font-weight:900!important}
.product-full-back>.back-button svg{width:16px;height:16px}
@media(max-width:1199px){.real-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:899px){.real-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.real-category-card.category-block{min-height:260px}.real-category-card .category-photo{min-height:185px}}
@media(max-width:599px){.real-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.real-category-card.category-block:first-child{grid-column:span 2}.real-category-card.category-block{min-height:245px}.real-category-card .category-photo{min-height:175px}.real-category-card.category-block:first-child .category-photo{min-height:240px}.real-category-card>div:last-of-type h3{font-size:15px}}
html,body{max-width:100%;overflow-x:hidden}
*,*:before,*:after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
.borderless-categories .real-category-card.category-block{border-radius:12px!important;box-shadow:0 8px 24px rgba(57,36,62,.07)!important}
.borderless-categories .real-category-card .category-code{background:rgba(255,255,255,.9)!important}
.catalog-category-group{margin:0 0 48px;min-width:0}
.catalog-category-group:last-child{margin-bottom:10px}
.catalog-category-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 13px;padding:0 2px;border:0!important}
.catalog-category-heading>div{min-width:0}
.catalog-category-heading small{display:block;margin:0 0 4px;color:#8b818c;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.catalog-category-heading h2{margin:0;font-size:clamp(23px,2.35vw,34px);line-height:.95;letter-spacing:-.035em}
.catalog-category-heading p{margin:5px 0 0;color:#817681;font-size:9px;line-height:1.4}
/* Native product gallery: the browser owns the gesture. One snap point = one image. */
.product-card-slider{position:relative!important;overflow:hidden!important;touch-action:auto!important}
.product-slide-track,.detail-slide-track{width:100%;height:100%;display:flex;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:auto!important}
.product-slide-track::-webkit-scrollbar,.detail-slide-track::-webkit-scrollbar{display:none!important}
.product-slide{position:relative;flex:0 0 100%!important;width:100%!important;height:100%;scroll-snap-align:start!important;scroll-snap-stop:always!important;overflow:hidden;background:#ece9e4}
.detail-slider-frame,.detail-zoom-target{touch-action:auto!important}
.product-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important}
.product-slide-progress{height:7px;margin:0 9px;display:flex;align-items:center;gap:3px;background:transparent!important}
.product-slide-progress i{display:block;flex:1;height:2px;border-radius:999px;background:#ddd4df;transition:background .15s ease,transform .15s ease}
.product-slide-progress i.active{background:#64116f;transform:scaleY(1.35)}
.product-slide-progress.single{opacity:.62}
.whatsapp-enquiry-button,.product-action-row .custom-enquiry-btn{border-color:#20b85c!important;background:#25d366!important;color:#fff!important;box-shadow:0 8px 20px rgba(30,158,80,.15)!important}
.whatsapp-enquiry-button svg,.product-action-row .custom-enquiry-btn svg{color:#fff!important;fill:none}
.whatsapp-float.whatsapp-icon-only{width:54px!important;min-width:54px!important;height:54px!important;background:#25d366!important;box-shadow:0 12px 26px rgba(24,142,72,.28)!important}
.whatsapp-float.whatsapp-icon-only svg{width:22px!important;height:22px!important}
.menu-scrim{display:none;border:0;background:transparent}
.catalog-filter-overlay{padding:0}
.catalog-filter-drawer{max-width:100%}
.locked-garment-stage,.locked-garment-stage .compact-shirt-canvas,.locked-garment-stage .locked-garment{overscroll-behavior:contain}
.locked-garment-stage .locked-garment{touch-action:manipulation!important}
.locked-garment-stage .garment-photo,.locked-garment-stage .garment-tint,.locked-garment-stage .garment-depth,.locked-garment-stage .sleeve-photo{pointer-events:none!important;touch-action:none!important}
.locked-garment-stage .print-area{touch-action:none!important}
.garment-type-control,.material-quality-control{background:#fbf9fc}
.garment-type-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.garment-type-cards button{min-width:0;min-height:50px;padding:8px;border:1px solid #ddd3df;border-radius:7px;background:#fff;display:grid;align-content:center;gap:3px;text-align:left;color:#332c34;cursor:pointer}
.garment-type-cards button b{font-size:9px;line-height:1.1}
.garment-type-cards button small{font-size:7px;color:#807582}
.garment-type-cards button.active{border:2px solid #64116f;background:#f6edf7;color:#64116f}
.material-quality-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.material-quality-cards button{min-width:0;min-height:74px;padding:9px;border:1px solid #ddd3df;border-radius:7px;background:#fff;display:grid;align-content:start;gap:7px;text-align:left;color:#332c34;cursor:pointer}
.material-quality-cards button>span{display:flex;align-items:baseline;justify-content:space-between;gap:7px}
.material-quality-cards button b{font-size:9px}
.material-quality-cards button strong{font-size:9px;color:#64116f}
.material-quality-cards button small{font-size:7px;line-height:1.45;color:#817683}
.material-quality-cards button.active{border:2px solid #64116f;background:#f6edf7;color:#64116f}
.practical-size-range{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:6px 8px!important}
.practical-size-range small{justify-self:end;color:#64116f!important;font-weight:900!important}
.practical-size-range input[type=range]{grid-column:1/-1;width:100%!important;max-width:none!important;margin:2px 0 0!important;accent-color:#64116f}
@media (min-width:1200px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .catalog-page{padding-left:max(28px,4vw)!important;padding-right:max(28px,4vw)!important}
}
@media (min-width:900px) and (max-width:1199px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .catalog-page{padding-left:22px!important;padding-right:22px!important}
  .catalog-category-group{margin-bottom:42px}
}
@media (min-width:600px) and (max-width:899px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  .catalog-page{padding-left:18px!important;padding-right:18px!important}
  .compact-catalog-title{align-items:center}
  .catalog-filter-overlay{align-items:center;justify-content:center;padding:24px}
  .catalog-filter-drawer{width:min(560px,calc(100vw - 48px));height:min(760px,84dvh);border-radius:17px;box-shadow:0 24px 70px rgba(24,18,26,.23);transform:translateY(20px) scale(.985)}
  .catalog-filter-overlay.open .catalog-filter-drawer{transform:translateY(0) scale(1)}
  .material-quality-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:599px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .wellone-card.product-card{border-color:#e5dde7!important;border-radius:9px!important}
  .wellone-card .product-info{min-height:78px!important;padding:8px 7px 9px!important;gap:3px!important}
  .wellone-card .product-info h3{font-size:11px!important;line-height:1.16!important;min-height:25px!important}
  .wellone-card .product-info>p{font-size:6.5px!important}
  .wellone-card .price-row strong{font-size:12px!important}
  .product-slide-progress{margin:0 7px;height:6px;gap:2px}.product-slide-progress i{height:2px}
  .catalog-category-group{margin-bottom:34px}
  .catalog-category-heading{margin-bottom:10px;align-items:start;gap:10px}.catalog-category-heading h2{font-size:24px}.catalog-category-heading p{font-size:8px}
  .catalog-page{padding-left:10px!important;padding-right:10px!important}
  .compact-catalog-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:10px!important;margin-bottom:13px!important}
  .compact-catalog-title>div{min-width:0}.compact-catalog-title h1{font-size:clamp(34px,10.5vw,42px)!important;line-height:.92!important}.compact-catalog-title p{font-size:8px!important;line-height:1.35!important}
  .wellone-filter-button{height:40px!important;padding:0 11px!important;border-color:#d5cad7!important;border-radius:9px!important;background:#fff!important;font-size:8px!important}.wellone-filter-button svg{width:14px!important}
  .active-filter-chips{gap:5px;margin:-2px 0 12px}.active-filter-chips button{height:28px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .catalog-filter-overlay{align-items:center!important;justify-content:center!important;padding:10px!important}
  .catalog-filter-drawer{width:100%!important;max-width:560px!important;height:min(780px,88dvh)!important;border-radius:16px!important;box-shadow:0 24px 70px rgba(24,18,26,.25)!important;transform:translateY(18px) scale(.985)!important}
  .catalog-filter-overlay.open .catalog-filter-drawer{transform:translateY(0) scale(1)!important}
  .catalog-filter-drawer>header{height:59px;padding:0 14px}.catalog-filter-drawer>header strong{font-size:15px}.catalog-filter-body{padding:14px 13px 22px}.filter-drawer-group{padding-bottom:16px;margin-bottom:16px}.filter-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.catalog-filter-choice{min-width:0!important;min-height:39px!important;padding:6px 7px!important;font-size:7.5px!important}.catalog-filter-drawer>footer{padding:10px 10px max(10px,env(safe-area-inset-bottom));gap:7px}.filter-reset-button,.filter-apply-button{height:43px}
  .whatsapp-float.whatsapp-icon-only{right:12px!important;bottom:82px!important;width:50px!important;min-width:50px!important;height:50px!important}
  .whatsapp-enquiry-button{width:100%!important;min-width:0!important}
  .product-action-row .detail-add,.product-action-row .custom-enquiry-btn{width:100%}
  .menu-scrim{display:block;position:fixed;inset:0;z-index:43;background:rgba(17,12,18,.28);cursor:default}
  .site-header{z-index:50}.site-header nav.open{z-index:52}
  .garment-type-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.garment-type-cards button{padding:7px 6px;min-height:48px}.garment-type-cards button b{font-size:8px}.garment-type-cards button small{font-size:6.5px}
  .material-quality-cards{grid-template-columns:1fr!important;gap:6px}.material-quality-cards button{min-height:58px;padding:8px 9px}.material-quality-cards button>span{justify-content:flex-start}.material-quality-cards button strong{margin-left:auto}.material-quality-cards button small{font-size:7px}
  .practical-size-range input[type=range]{height:28px}
  .borderless-categories .real-category-grid{gap:8px!important}.borderless-categories .real-category-card.category-block{border-radius:10px!important}.borderless-categories .real-category-card.category-block:first-child{grid-column:1/-1!important}
}
@media (max-width:360px){
  .catalog-page{padding-left:8px!important;padding-right:8px!important}
  .responsive-catalog-grid,.home-product-grid{gap:6px!important}
  .wellone-card .product-info{padding:7px 6px 8px!important}.wellone-card .product-info h3{font-size:10px!important}.wellone-card .price-row strong{font-size:11px!important}
  .compact-catalog-title h1{font-size:33px!important}.wellone-filter-button{padding:0 9px!important}
  .filter-choice-grid{grid-template-columns:1fr 1fr!important}
}
body{overflow-y:auto!important;min-height:100%;background-attachment:scroll}
.view-root,.screen,.catalog-page,.product-fullscreen{overflow:visible!important;max-width:100%}
.locked-garment-stage .compact-shirt-canvas,.locked-garment-stage .compact-garment{position:relative!important;transform:none!important;will-change:auto!important;animation:none!important}
.locked-garment-stage .garment-photo,.locked-garment-stage .garment-tint,.locked-garment-stage .garment-depth{user-select:none!important;-webkit-user-drag:none!important;touch-action:pan-y!important;transition:none!important;animation:none!important}
.locked-garment-stage .print-area{touch-action:pan-y!important}
.locked-garment-stage .design-layer{will-change:left,top,transform}
.borderless-categories .real-category-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;border:0!important;background:transparent!important;align-items:stretch}
.borderless-categories .real-category-card.category-block{min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;border:0!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 24px rgba(57,36,62,.075)!important;color:var(--ink)!important}
.borderless-categories .real-category-card .category-photo{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/4!important;overflow:hidden!important;border:0!important;background:#eee8ef!important}
.borderless-categories .real-category-card .category-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.borderless-categories .real-category-card>div:last-of-type{width:100%;min-height:72px!important;padding:11px 12px 12px!important;background:#fff!important}
.borderless-categories .real-category-card:first-child{grid-column:span 2!important;display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;grid-template-rows:1fr!important}
.borderless-categories .real-category-card:first-child .category-photo{grid-column:1;grid-row:1;height:100%!important}
.borderless-categories .real-category-card:first-child>div:last-of-type{grid-column:2;grid-row:1;align-self:end;min-height:100%!important;padding:18px 16px!important;display:flex;flex-direction:column;justify-content:flex-end}
.borderless-categories .real-category-card:first-child h3{font-size:22px!important}
.borderless-categories .real-category-card .category-code{border:0!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 3px 12px rgba(29,18,31,.08)!important}
.responsive-catalog-grid,.home-product-grid{border:0!important;gap:12px!important;background:transparent!important}
.wellone-card.product-card{border:1px solid #e1d9e3!important;border-radius:11px!important;box-shadow:0 6px 18px rgba(56,31,61,.055)!important}
.wellone-card .product-info{padding:10px 10px 12px!important;min-height:100px!important}
.product-slide-progress{margin:1px 9px 0!important;height:7px!important}
.product-slide-progress i{height:2px!important}
.catalog-filter-overlay{align-items:center!important;justify-content:center!important;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important}
.catalog-filter-drawer{width:min(560px,calc(100vw - 20px))!important;height:min(720px,calc(100dvh - 20px))!important;max-height:calc(100dvh - 20px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;border-radius:17px!important;box-shadow:0 24px 70px rgba(24,18,26,.25)!important;transform:translateY(18px) scale(.985)!important;overflow:hidden!important}
.catalog-filter-overlay.open .catalog-filter-drawer{transform:translateY(0) scale(1)!important}
.catalog-filter-drawer>header{height:auto!important;min-height:68px!important;padding:10px 15px!important;flex:0 0 auto!important}
.catalog-filter-drawer>header p{margin:0 0 2px!important;color:#8a838b!important;font-size:7px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.catalog-filter-drawer>header h2{margin:0!important;font-size:20px!important;line-height:1!important}
.catalog-filter-body{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 14px 18px!important;-webkit-overflow-scrolling:touch}
.catalog-filter-drawer>footer{inset:auto!important;min-height:64px!important;padding:9px 10px max(9px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)!important;align-items:center!important;gap:8px!important}
.catalog-filter-drawer>footer>div{min-width:0;display:flex;align-items:center;gap:7px}
.catalog-filter-drawer>footer>div small{color:#817783;font-size:7px;white-space:nowrap}
.filter-reset-button,.filter-apply-button{height:44px!important;min-width:0!important}
.product-fullscreen{min-height:100svh!important;padding:0 0 88px!important;background:#f8f6f1!important}
.product-full-back{width:min(1500px,94vw);height:54px;margin:0 auto!important;padding:0!important}
.product-full-inner{width:min(1500px,94vw);min-height:calc(100svh - 142px)!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;gap:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
.product-full-media{min-width:0!important;padding:clamp(12px,2vw,24px)!important;display:block!important;border:0!important;border-right:1px solid #e4dde5!important;background:#f0ece8!important}
.detail-slider{width:100%;max-width:100%;margin:0 auto}
.detail-slider-frame{width:100%;aspect-ratio:3/4;overflow:hidden;background:#e8e3df;border-radius:10px}
.detail-slide-track{height:100%!important}
.detail-slide{height:100%!important;aspect-ratio:auto!important}
.detail-slide img{object-fit:cover!important}
.detail-slide-progress{margin:9px 2px 0!important;height:8px!important;gap:4px!important}
.detail-slide-progress i{height:3px!important;background:#d8d0da!important}
.detail-slide-progress i.active{background:#64116f!important}
.product-full-info{padding:clamp(26px,4vw,58px)!important;min-width:0!important;align-self:start}
.product-full-info h1{font-size:clamp(34px,4vw,58px)!important;line-height:.94!important}
.product-full-info>p{max-width:620px!important;margin:12px 0 8px!important}
.product-action-row{margin-top:28px!important;padding-top:0!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;gap:10px!important}
.product-action-row .detail-add{background:#64116f!important;border-color:#64116f!important;color:#fff!important}
.product-action-row .custom-enquiry-btn,.custom-enquiry-btn.b2b-enquiry{background:#25d366!important;border-color:#20b85c!important;color:#fff!important}











.sub-selection{margin-top:0!important}
.sub-selection+.sub-selection{margin-top:12px!important}
.cart-ready-preview{width:160px!important;height:auto!important;min-width:160px!important}
.cart-ready-preview img{width:100%!important;height:100%!important;object-fit:cover!important}
.whatsapp-float.whatsapp-icon-only{right:max(12px,env(safe-area-inset-right))!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;border:0!important}
@media (min-width:1200px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (min-width:900px) and (max-width:1199px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .borderless-categories .real-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .product-full-inner{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr)!important;width:calc(100vw - 36px)!important}
  .product-full-back{width:calc(100vw - 36px)!important}
}
@media (min-width:600px) and (max-width:899px){
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .borderless-categories .real-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .borderless-categories .real-category-card:first-child{grid-column:span 2!important}
  .product-full-inner{width:calc(100vw - 28px)!important;grid-template-columns:1fr!important}
  .product-full-back{width:calc(100vw - 28px)!important}
  .product-full-media{border-right:0!important;border-bottom:1px solid #e4dde5!important}
  .detail-slider{max-width:760px}
  .product-action-row{grid-template-columns:1fr 1fr!important}
}
@media (max-width:599px){
  .section-wrap{width:calc(100vw - 20px)!important}
  .category-section,.products-section{padding-top:55px!important;padding-bottom:65px!important}
  .borderless-categories .real-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .borderless-categories .real-category-card:first-child{grid-column:1/-1!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important}
  .borderless-categories .real-category-card:first-child>div:last-of-type{padding:13px!important}.borderless-categories .real-category-card:first-child h3{font-size:18px!important}
  .borderless-categories .real-category-card>div:last-of-type{min-height:62px!important;padding:8px!important}.borderless-categories .real-category-card h3{font-size:13px!important}.borderless-categories .real-category-card p{font-size:7px!important}
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .wellone-card .product-info{min-height:82px!important;padding:8px!important}.wellone-card .product-info h3{font-size:11px!important;min-height:26px!important}.wellone-card .price-row{margin-top:7px!important}.wellone-card .price-row strong{font-size:12px!important}
  .catalog-page{padding-left:10px!important;padding-right:10px!important;overflow:visible!important}
  .catalog-filter-drawer{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}
  .filter-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-filter-choice{min-height:38px!important;padding:6px 7px!important;font-size:7.5px!important}
  .product-fullscreen{padding-bottom:78px!important}.product-full-back{width:calc(100vw - 20px)!important;height:48px!important}.product-full-inner{width:100%!important;grid-template-columns:1fr!important;background:#fff!important}.product-full-media{padding:10px!important;border:0!important;border-bottom:1px solid #e5dfe6!important}.detail-slider-frame{border-radius:8px!important}.product-full-info{padding:19px 13px 25px!important}.product-full-info h1{font-size:34px!important}.product-full-info>p{font-size:10px!important;line-height:1.55!important}.selection-block{margin-top:17px!important}.colour-options,.size-options{gap:7px!important}.colour-options button,.size-options button{height:40px!important;min-width:40px!important;padding:0 9px!important}.product-action-row{grid-template-columns:1fr!important;gap:8px!important}.product-action-row button{width:100%!important;height:49px!important}.ready-made-note{margin-top:10px!important}
  
  .improved-cart-item{grid-template-columns:110px minmax(0,1fr)!important}.cart-ready-preview{width:110px!important;min-width:110px!important}.cart-custom-preview{width:110px!important;min-width:110px!important;height:140px!important}
  .whatsapp-float.whatsapp-icon-only{width:49px!important;min-width:49px!important;height:49px!important;bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .locked-garment-stage .print-area{touch-action:pan-y!important}.locked-garment-stage .design-layer{touch-action:none!important}
}
@media (max-width:360px){
  .borderless-categories .real-category-card:first-child{grid-template-columns:1fr 1fr!important}.borderless-categories .real-category-card:first-child h3{font-size:16px!important}
  
}
.icon.whatsapp-brand{fill:currentColor!important;stroke:none!important;stroke-width:0!important}
.locked-garment-stage,.locked-garment-stage .compact-shirt-canvas,.locked-garment-stage .locked-garment,.locked-garment-stage .print-area{
  touch-action:pan-y!important;
  overscroll-behavior-y:auto!important;
}
.locked-garment-stage .design-layer,.locked-garment-stage .design-layer *{touch-action:none!important}
.locked-garment-stage .garment-photo,.locked-garment-stage .garment-tint,.locked-garment-stage .garment-depth{pointer-events:none!important}
.compact-designer-bar{grid-template-columns:1fr!important;height:auto!important;gap:7px!important;align-items:stretch!important}
.stage-garment-type{padding:7px 8px;border:1px solid rgba(78,35,86,.13);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(57,28,62,.07);backdrop-filter:blur(12px)}
.stage-garment-type>label{display:block;margin:0 0 5px;color:#77697b;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.stage-garment-type .garment-type-cards{gap:5px!important}
.stage-garment-type .garment-type-cards button{min-height:42px!important;padding:6px 8px!important}
.stage-garment-type .garment-type-cards button b{font-size:8px!important}
.stage-garment-type .garment-type-cards button small{font-size:6px!important}
.product-image-wrap.ratio-3x4{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;overflow:hidden!important;background:#ece9e4!important;border:0!important;border-bottom:1px solid #e8e1e9!important}
.product-image-wrap.ratio-3x4 .product-slide-track,.product-image-wrap.ratio-3x4 .product-slide{height:100%!important}
.product-image-wrap.ratio-3x4 img{width:100%!important;height:100%!important;object-fit:cover!important}
.detail-slider-frame{aspect-ratio:3/4!important;max-height:min(78svh,860px)!important}

.cart-ready-preview{aspect-ratio:3/4!important}
.b2b-product .product-full-media>img{display:block!important;width:min(100%,720px)!important;aspect-ratio:3/4!important;height:auto!important;margin:0 auto!important;object-fit:cover!important;border-radius:10px!important}
.borderless-categories .real-category-card:first-child{position:relative!important;z-index:2!important;transform:translateY(-5px) scale(1.025)!important;box-shadow:0 18px 38px rgba(67,28,73,.16)!important}
.borderless-categories .real-category-card:first-child:after{content:"FEATURED";position:absolute;left:9px;top:9px;z-index:4;padding:5px 7px;border-radius:999px;background:#64116f;color:#fff;font-size:6px;font-weight:900;letter-spacing:.12em}
.borderless-categories .real-category-card:first-child h3{color:#64116f!important}
.whatsapp-float.whatsapp-icon-only{right:auto!important;bottom:auto!important;width:52px!important;min-width:52px!important;height:52px!important;padding:0!important;border-radius:50%!important;background:#25D366!important;color:#fff!important;box-shadow:0 12px 28px rgba(20,133,67,.32)!important;touch-action:none!important}
.whatsapp-float.whatsapp-icon-only .whatsapp-brand{width:23px!important;height:23px!important}
.whatsapp-enquiry-button .whatsapp-brand,.custom-enquiry-btn .whatsapp-brand,.b2b-enquiry .whatsapp-brand{width:17px!important;height:17px!important}
@media (max-width:899px){
  .borderless-categories .real-category-card:first-child{grid-column:auto!important}
}
@media (max-width:599px){
  .compact-stage{height:auto!important;min-height:620px!important;max-height:none!important;justify-content:flex-start!important;padding-top:8px!important}
  .compact-designer-bar{width:100%!important;margin:0!important}
  .compact-stage .stage-topline{position:relative!important;inset:auto!important;width:100%!important;margin:6px 0 0!important}
  .compact-shirt-canvas{height:450px!important;min-height:450px!important}
  .borderless-categories .real-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .borderless-categories .real-category-card:first-child{grid-column:auto!important;display:flex!important;flex-direction:column!important;transform:translateY(-3px) scale(1.02)!important}
  .borderless-categories .real-category-card:first-child .category-photo{width:100%!important;aspect-ratio:3/4!important}
  .whatsapp-float.whatsapp-icon-only{width:49px!important;min-width:49px!important;height:49px!important}
}
html,body,#app,.view-root{width:100%;max-width:100%;overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
.mobile-menu{background:transparent!important;border:0!important;box-shadow:none!important}
.mobile-menu:hover,.mobile-menu:focus-visible{background:transparent!important}
.whatsapp-float .icon,.whatsapp-enquiry-button .icon,.custom-enquiry-btn .icon,.b2b-enquiry .icon{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.whatsapp-float.whatsapp-icon-only{display:grid!important;place-items:center!important}
.whatsapp-float.whatsapp-icon-only .icon{width:24px!important;height:24px!important}
.category-photo,.product-image-wrap.ratio-3x4,.detail-slider-frame,.cart-ready-preview{aspect-ratio:3/4!important}
.category-photo img,.product-image-wrap.ratio-3x4 img,.detail-slide img,.cart-ready-preview img{width:100%!important;height:100%!important;object-fit:cover!important}
.section-heading-actions,.catalog-title-actions,.category-heading-actions,.product-title-tools{display:flex;align-items:center;gap:9px}
.section-heading-actions{flex-wrap:wrap;justify-content:flex-end}
.catalog-title-actions{align-items:flex-end;justify-content:flex-end}
.product-title-tools{justify-content:space-between;margin-bottom:8px}
.inline-share-button,.card-share-button,.category-share-button{display:grid;place-items:center;border:1px solid rgba(86,61,90,.16);background:rgba(255,255,255,.94);color:#64116f;box-shadow:0 5px 16px rgba(51,31,56,.08);cursor:pointer}
.inline-share-button{width:40px;height:40px;border-radius:50%}
.inline-share-button .icon{width:17px;height:17px}
.card-share-button,.category-share-button{position:absolute;z-index:8;right:8px;top:8px;width:34px;height:34px;border-radius:50%}
.card-share-button .icon,.category-share-button .icon{width:15px;height:15px}
.wellone-card{position:relative!important}
.category-share-button{top:9px;right:9px}
.category-arrow{position:absolute;right:12px;bottom:13px;display:grid;place-items:center;color:#64116f;pointer-events:none}
.category-arrow .icon{width:16px;height:16px}
.category-heading-actions small{white-space:nowrap}
.subcategory-share-row{margin:8px 0 13px;display:flex;flex-wrap:wrap;gap:7px}
.subcategory-share-row button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid #e0d7e2;border-radius:999px;background:#fff;color:#625866;font-size:8px;font-weight:800;cursor:pointer}
.subcategory-share-row button .icon{width:12px;height:12px;color:#64116f}
.detail-zoom-target{width:100%;height:100%;padding:0;position:relative;border:0;background:transparent;cursor:zoom-in}
.detail-zoom-target>span{width:40px;height:40px;position:absolute;right:12px;bottom:12px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.94);color:#64116f;box-shadow:0 7px 20px rgba(34,22,38,.16);pointer-events:none}
.detail-zoom-target>span .icon{width:18px;height:18px}
.image-zoom-overlay{position:fixed;z-index:500;inset:0;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));display:grid;place-items:center;background:rgba(18,12,20,.86);backdrop-filter:blur(10px)}
.image-zoom-shell{width:min(920px,100%);height:min(92dvh,920px);position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;border-radius:18px;background:#161218;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
.zoom-image-stage{min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;touch-action:pan-x pan-y pinch-zoom}
.zoom-image-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .16s ease;user-select:none;-webkit-user-drag:none}
.zoom-close{width:42px;height:42px;position:absolute;z-index:3;right:12px;top:12px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#311d36;cursor:pointer}
.zoom-close .icon{width:18px;height:18px}
.zoom-controls{min-height:58px;padding:8px;display:flex;align-items:center;justify-content:center;gap:10px;background:#211a24;color:#fff}
.zoom-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#fff;color:#64116f;cursor:pointer}
.zoom-controls button .icon{width:16px;height:16px}
.zoom-controls span{min-width:54px;text-align:center;font-size:10px;font-weight:900}
.borderless-categories .real-category-card:first-child{grid-column:auto!important;display:flex!important;flex-direction:column!important;transform:scale(1.035)!important;transform-origin:center!important;z-index:3!important;box-shadow:0 18px 42px rgba(75,27,82,.17)!important}
.borderless-categories .real-category-card:first-child .category-photo{width:100%!important;height:auto!important;aspect-ratio:3/4!important;flex:none!important}
.borderless-categories .real-category-card:first-child>div:last-of-type{min-height:72px!important;padding:11px 12px 12px!important;display:block!important}
.borderless-categories .real-category-card:first-child:after{left:8px!important;top:8px!important}
@media (max-width:760px){
  html,body{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  #app,.view-root,.screen,main,section{max-width:100%!important}
  body{font-size:16px}
  .site-header{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;grid-template-columns:42px minmax(0,1fr) auto!important;margin:8px 10px 0!important;padding:0 9px!important}
  .site-header nav{display:none!important;position:absolute!important;top:66px!important;left:0!important;right:0!important;width:auto!important;max-width:none!important}
  .site-header nav.open{display:grid!important;grid-template-columns:1fr 1fr!important}
  .site-header .logo-button{min-width:0!important;max-width:100%!important}
  .mobile-menu{display:grid!important;width:39px!important;height:39px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .menu-scrim{position:fixed!important;inset:0!important;z-index:49!important;background:transparent!important;border:0!important}
  .site-header{z-index:52!important}.site-header nav.open{z-index:54!important}

  
  .hero{display:block!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;min-height:0!important;border:0!important}
  .hero-copy{width:100%!important;min-width:0!important;min-height:auto!important;padding:52px 20px 38px!important}
  .hero-copy h1{font-size:clamp(48px,15vw,64px)!important;line-height:.9!important;max-width:100%!important}
  .hero-copy>p{max-width:100%!important}
  .hero-visual{width:100%!important;min-width:0!important;min-height:520px!important;height:min(620px,72svh)!important;border-left:0!important;border-top:1px solid #eadfea!important;overflow:hidden!important}
  .hero-product-orbit{max-width:88%!important}
  .floating-tool{max-width:42vw!important;min-width:0!important}
  .visual-cta{width:min(210px,58vw)!important}
  .section-wrap{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}
  .section-heading{gap:12px!important}.section-heading h2{font-size:clamp(38px,12vw,54px)!important;line-height:.95!important}
  .section-heading-actions{width:100%;justify-content:space-between}

  .borderless-categories .real-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:4px!important;overflow:visible!important}
  .borderless-categories .real-category-card.category-block,.borderless-categories .real-category-card:first-child{grid-column:auto!important;min-width:0!important;min-height:0!important;width:100%!important;transform:none!important;border-radius:13px!important}
  .borderless-categories .real-category-card:first-child{transform:scale(1.025)!important}
  .borderless-categories .real-category-card .category-photo,.borderless-categories .real-category-card:first-child .category-photo{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:3/4!important}
  .borderless-categories .real-category-card>div:last-of-type,.borderless-categories .real-category-card:first-child>div:last-of-type{min-height:66px!important;padding:9px!important}
  .borderless-categories .real-category-card h3,.borderless-categories .real-category-card:first-child h3{font-size:14px!important}
  .category-share-button,.card-share-button{width:31px;height:31px;right:7px;top:7px}

  .catalog-page{width:100%!important;max-width:100%!important;padding:38px 10px 90px!important}
  .compact-catalog-title{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:end!important}
  .compact-catalog-title h1{font-size:clamp(48px,14vw,68px)!important;line-height:.9!important}
  .compact-catalog-title p{font-size:10px!important;line-height:1.5!important}
  .catalog-title-actions{align-self:end;gap:7px}.catalog-title-actions .inline-share-button{width:40px;height:40px}.wellone-filter-button{min-width:92px!important}
  .responsive-catalog-grid,.home-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
  .wellone-card{min-width:0!important;width:100%!important}
  .product-image-wrap.ratio-3x4{width:100%!important;height:auto!important;aspect-ratio:3/4!important}
  .catalog-category-heading{align-items:flex-end!important;gap:8px!important}.catalog-category-heading h2{font-size:28px!important}.category-heading-actions{gap:6px}.category-heading-actions .inline-share-button{width:34px;height:34px}
  .subcategory-share-row{overflow-x:auto;flex-wrap:nowrap;padding:0 1px 4px;scrollbar-width:none}.subcategory-share-row::-webkit-scrollbar{display:none}.subcategory-share-row button{flex:0 0 auto}

  .product-full-inner{width:100%!important;max-width:100%!important;grid-template-columns:1fr!important}
  .product-full-media{width:100%!important;min-width:0!important;padding:10px!important}
  .detail-slider{width:100%!important;max-width:100%!important}.detail-slider-frame{width:100%!important;height:auto!important;aspect-ratio:3/4!important;max-height:none!important}
  .product-full-info{width:100%!important;min-width:0!important;padding:18px 13px 28px!important}
  .product-title-tools{gap:10px}.product-title-tools .eyebrow{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-title-tools .inline-share-button{flex:0 0 38px;width:38px;height:38px}

  .image-zoom-shell{height:min(90dvh,760px);border-radius:14px}.zoom-image-stage img{max-width:96%;max-height:96%}
}
@media (max-width:390px){
  .hero-copy{padding-left:16px!important;padding-right:16px!important}.hero-visual{min-height:480px!important}
  .compact-catalog-title{grid-template-columns:1fr!important}.catalog-title-actions{justify-content:flex-start}.compact-catalog-title h1{font-size:49px!important}
  .borderless-categories .real-category-grid{gap:7px!important}.borderless-categories .real-category-card:first-child{transform:scale(1.018)!important}
}
.designer-back,.designer-back:hover,.designer-back:focus-visible{
  width:42px;height:42px;padding:0;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#372c3a
}
@media (min-width:1051px){
  .compact-designer-layout{grid-template-columns:minmax(0,1fr) 390px!important}
  .compact-designer-bar{width:min(720px,100%)!important}
  .stage-garment-type{padding:9px 10px!important}
  .stage-garment-type .garment-type-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .stage-garment-type .garment-type-cards button{height:50px!important;min-height:50px!important;padding:7px 10px!important}
  .compact-surface-tabs{height:48px!important}
  .compact-surface-tabs button{min-height:38px!important}
  .material-quality-cards button{min-height:78px!important}
  .quick-layer-tools button{height:48px!important}
  .compact-controls .print-options button{min-height:48px!important}
}
@media (min-width:761px) and (max-width:1050px){
  .compact-designer-layout{display:block!important;min-height:auto!important}
  .compact-stage{position:relative!important;top:0!important;height:auto!important;min-height:650px!important;padding:16px 18px 24px!important;overflow:visible!important}
  .compact-designer-bar{width:min(720px,100%)!important;margin:0 auto!important}
  .compact-shirt-canvas{height:500px!important;min-height:500px!important}
  .compact-controls{width:min(760px,calc(100% - 32px))!important;margin:0 auto 28px!important;padding:16px!important;border:1px solid rgba(75,43,80,.13)!important;border-radius:16px!important;overflow:visible!important}
  .compact-controls .control-block{padding:15px!important}
  .material-quality-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .material-quality-cards button{min-height:76px!important}
  .quick-layer-tools button{height:50px!important}
  .compact-surface-tabs{height:48px!important}
  .stage-garment-type .garment-type-cards button{height:50px!important;min-height:50px!important}
}
.catalog-view-button,.section-heading>button{
  min-height:42px!important;padding:0 15px!important;border:1px solid #d8cedb!important;
  border-radius:11px!important;background:#fff!important;color:#4b3e4e!important;
  box-shadow:0 6px 16px rgba(55,31,60,.06)!important;font-size:9px!important;
  font-weight:900!important;letter-spacing:.02em!important
}
.catalog-view-button:hover,.section-heading>button:hover{border-color:#64116f!important;color:#64116f!important;background:#fbf7fc!important}
.wellone-filter-button{
  min-height:42px!important;padding:0 14px!important;border:1px solid #d5cad8!important;
  border-radius:11px!important;background:#fff!important;box-shadow:0 6px 16px rgba(55,31,60,.055)!important
}
.catalog-category-heading{padding-bottom:9px!important;border-bottom:1px solid #eee7ef!important}
.category-subline{margin:5px 0 0!important;color:#8a7e8d!important;font-size:7px!important;font-weight:700!important;letter-spacing:.04em!important}
.category-heading-actions small{padding:6px 9px;border-radius:999px;background:#f4edf5;color:#64116f;font-size:7px;font-weight:900}
.uniform-order-banner{border-radius:18px!important;border:1px solid #ded4e1!important;box-shadow:0 16px 40px rgba(59,26,65,.08)!important}
.uniform-customize-button{
  min-width:205px!important;height:50px!important;padding:0 17px!important;display:flex!important;
  align-items:center!important;justify-content:space-between!important;gap:18px!important;
  border:0!important;border-radius:12px!important;background:linear-gradient(145deg,#71197d,#4b0c56)!important;
  color:#fff!important;box-shadow:0 11px 22px rgba(80,16,92,.18)!important;font-size:10px!important;
  font-weight:900!important;cursor:pointer!important
}
.uniform-customize-button .icon{width:17px;height:17px}
.product-action-row{align-items:stretch!important}
.product-action-row .custom-enquiry-btn,.b2b-enquiry{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  border:1px solid #b8ddc4!important;border-radius:10px!important;background:#f7fff9!important;
  color:#176b35!important;box-shadow:none!important;font-size:9px!important;font-weight:900!important
}
.product-action-row .custom-enquiry-btn:hover,.b2b-enquiry:hover{border-color:#25d366!important;background:#f0fff5!important}
.whatsapp-logo{width:20px!important;height:20px!important;object-fit:contain!important;flex:0 0 auto!important}
.whatsapp-float.contact-float{
  width:58px!important;min-width:58px!important;height:58px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;
  box-shadow:0 12px 28px rgba(44,16,50,.22)!important;overflow:hidden!important
}
.whatsapp-float.contact-float img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:50%!important;pointer-events:none!important}
@media (max-width:760px){
  .designer-back,.designer-back:hover,.designer-back:focus-visible{width:39px!important;height:39px!important}
  .uniform-customize-button{width:100%!important;min-width:0!important}
  .whatsapp-float.contact-float{width:52px!important;min-width:52px!important;height:52px!important}
  .catalog-view-button,.section-heading>button{min-height:40px!important;padding:0 12px!important}
}
.selected-category-share{flex:0 0 42px!important;width:42px!important;height:42px!important}
.category-section .catalog-view-button,
.products-section .section-heading>button{
  margin-top:12px!important;
  min-height:44px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  line-height:1.15!important;
  text-align:center!important;
}
.category-section .catalog-view-button .icon,
.products-section .section-heading>button .icon{flex:0 0 auto!important}
@media (min-width:761px){
  .uniform-customize-button{margin-left:20px!important}
}
@media (max-width:760px){
  .category-section .catalog-view-button,
  .products-section .section-heading>button{margin-top:10px!important;min-height:42px!important;padding:0 14px!important}
  .uniform-customize-button{margin-left:0!important}
}
html{
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
}
body{
  overflow-x:hidden!important;
  min-height:100%!important;
}
#app,.view-root,.screen{
  min-height:0;
  overflow-x:hidden!important;
}
html.modal-scroll-lock,body.modal-scroll-lock{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
.category-section .section-heading{
  margin-bottom:34px!important;
}
.borderless-categories .real-category-grid{
  align-items:start!important;
}
.borderless-categories .real-category-card:first-child{
  transform:none!important;
  margin:0!important;
}
.borderless-categories .real-category-card:first-child:after{
  left:12px!important;
  top:12px!important;
  padding:6px 9px!important;
}
.uniform-order-banner{
  align-items:center!important;
}
.uniform-customize-button{
  flex:0 0 auto!important;
  margin:0!important;
}
.catalog-filter-overlay,
.catalog-filter-overlay.open{
  background:#f8f5f9!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overscroll-behavior:contain!important;
}
.catalog-filter-drawer{
  background:#fff!important;
}
.catalog-filter-body{
  overscroll-behavior:contain!important;
}
.catalog-filter-drawer>footer{
  position:relative!important;
  z-index:3!important;
  background:#fff!important;
  box-shadow:0 -10px 28px rgba(44,25,48,.06)!important;
}
.filter-reset-button,.filter-apply-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:11px!important;
  font-weight:900!important;
}
.filter-reset-button{
  border:1px solid #d8cedb!important;
  background:#fff!important;
  color:#5b4b5f!important;
}
.filter-apply-button{
  border:1px solid #64116f!important;
  background:#64116f!important;
  color:#fff!important;
}
.image-zoom-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:1600!important;
  padding:0!important;
  display:block!important;
  background:#111!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overscroll-behavior:none!important;
}
.image-zoom-shell{
  width:100%!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:0!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  background:#111!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.zoom-image-stage{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  touch-action:none!important;
  overscroll-behavior:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.zoom-image-stage img{
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  transform-origin:center center!important;
  transition:none!important;
  will-change:transform!important;
  user-select:auto!important;
  -webkit-user-select:auto!important;
  -webkit-touch-callout:default!important;
  -webkit-user-drag:auto!important;
}
.zoom-close{
  top:max(14px,env(safe-area-inset-top))!important;
  right:14px!important;
  width:44px!important;
  height:44px!important;
  z-index:5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#321d36!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24)!important;
}
.zoom-controls{
  min-height:68px!important;
  padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;
  background:#171317!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
}
.zoom-controls button{
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#64116f!important;
}
.zoom-controls span{
  min-width:70px!important;
  color:#fff!important;
  font-size:11px!important;
}
@media (max-width:760px){
  .category-section{
    padding-top:64px!important;
    padding-bottom:66px!important;
  }
  .category-section .section-heading{
    gap:18px!important;
    margin-bottom:28px!important;
  }
  .category-section .section-heading-actions{
    margin-top:16px!important;
  }
  .category-section .catalog-view-button{
    margin-top:0!important;
    min-height:44px!important;
    padding:0 16px!important;
  }
  .borderless-categories .real-category-grid{
    gap:10px!important;
  }
  .borderless-categories .real-category-card:first-child{
    transform:none!important;
  }
  .borderless-categories .real-category-card:first-child:after{
    left:11px!important;
    top:11px!important;
  }
  .uniform-order-banner{
    width:auto!important;
    margin:0 12px 48px!important;
    padding:26px 22px!important;
    gap:22px!important;
    border-radius:18px!important;
  }
  .uniform-order-banner h2{
    margin:11px 0 14px!important;
    line-height:.98!important;
  }
  .uniform-order-banner p{
    line-height:1.65!important;
  }
  .uniform-customize-button{
    width:100%!important;
    min-height:54px!important;
    padding:0 20px!important;
    margin:0!important;
  }

  .catalog-filter-overlay,
  .catalog-filter-overlay.open{
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:#fff!important;
  }
  .catalog-filter-drawer{
    width:100%!important;
    height:100dvh!important;
    max-width:none!important;
    max-height:none!important;
    border-radius:0!important;
    transform:none!important;
    box-shadow:none!important;
  }
  .catalog-filter-overlay.open .catalog-filter-drawer{
    transform:none!important;
  }
  .catalog-filter-drawer>header{
    min-height:66px!important;
    padding:max(10px,env(safe-area-inset-top)) 14px 10px!important;
  }
  .catalog-filter-body{
    padding:16px 14px 22px!important;
  }
  .catalog-filter-drawer>footer{
    min-height:72px!important;
    padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;
  }
}
html{
  overflow-x:clip!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%!important;
  scroll-behavior:auto!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:auto!important;
}
body{
  overflow-x:clip!important;
  overflow-y:visible!important;
  height:auto!important;
  min-height:100vh!important;
  overscroll-behavior-y:auto!important;
  touch-action:auto!important;
}
#app,.view-root,.screen{
  overflow-x:clip!important;
  overflow-y:visible!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overscroll-behavior-y:auto!important;
}
.zoom-nav{
  width:44px!important;height:44px!important;position:absolute!important;z-index:5!important;top:50%!important;
  display:grid!important;place-items:center!important;border:0!important;border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;color:#421449!important;box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  transform:translateY(-50%)!important;cursor:pointer!important;
}
.zoom-prev{left:14px!important}
.zoom-next{right:14px!important}
.zoom-nav .icon{width:18px!important;height:18px!important}
.zoom-count{min-width:54px!important;text-align:center!important;color:rgba(255,255,255,.72)!important;font-size:10px!important;font-weight:800!important}
@media (max-width:760px){
  .zoom-nav{width:40px!important;height:40px!important;background:rgba(255,255,255,.88)!important}
  .zoom-prev{left:10px!important}.zoom-next{right:10px!important}
}
:root{--tap-highlight:rgba(100,17,111,.09)}
button,a,input,select,textarea{-webkit-tap-highlight-color:var(--tap-highlight)}
img{-webkit-user-drag:auto;-webkit-touch-callout:default}
.product-slide img{pointer-events:auto;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default;-webkit-user-drag:auto}
.unlimited-layer-designer .custom-print-area{isolation:isolate}
.unlimited-layer-designer .design-layer{position:absolute;touch-action:none;user-select:none;-webkit-user-select:none;cursor:move;z-index:3;transform-origin:center center}
.unlimited-layer-designer .design-layer.text-layer{white-space:pre-wrap;max-width:94%;line-height:1.05;text-align:center;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.unlimited-layer-designer .design-layer.image-layer img{display:block;width:100%;height:auto;pointer-events:none;max-height:220px;object-fit:contain}
.unlimited-layer-designer .design-layer:not(.selected) .layer-remove,.unlimited-layer-designer .design-layer:not(.selected) .layer-rotate{display:none!important}
.unlimited-layer-designer .design-layer.selected{outline:1.5px dashed rgba(100,17,111,.8);outline-offset:5px;z-index:8}
.unlimited-layer-designer .layer-remove,.unlimited-layer-designer .layer-rotate{position:absolute!important;width:27px!important;height:27px!important;min-width:27px!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important;padding:0!important;z-index:10!important}
.unlimited-layer-designer .layer-remove{right:-19px!important;top:-19px!important;background:#2a202c!important;color:#fff!important}
.unlimited-layer-designer .layer-rotate{right:-19px!important;bottom:-19px!important;background:var(--brand)!important;color:#fff!important;cursor:nwse-resize!important}
.unlimited-layer-designer .layer-remove .icon,.unlimited-layer-designer .layer-rotate .icon{width:12px!important;height:12px!important}
.unlimited-add-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-bottom:12px!important}
.unlimited-add-tools>button{min-height:50px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important}
.unlimited-add-tools>button:active{transform:scale(.98)!important}
.unlimited-add-tools>button:hover{border-color:rgba(100,17,111,.35)!important;box-shadow:0 7px 22px rgba(70,33,76,.07)!important}
.layer-manager{padding-top:15px!important}
.layer-manager-head,.selected-layer-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.layer-manager-head>label,.selected-layer-title>label{font-size:10px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.08em!important}
.layer-manager-head>small{font-size:9px;color:var(--muted)}
.layer-stack{display:flex;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:1px 1px 7px;scrollbar-width:none;overscroll-behavior-x:contain}
.layer-stack::-webkit-scrollbar{display:none}
.layer-stack>button{flex:0 0 auto;width:112px;min-height:58px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;padding:8px;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center;scroll-snap-align:start;cursor:pointer}
.layer-stack>button>span{grid-row:1/3;width:20px;height:20px;display:grid;place-items:center;color:var(--brand)}
.layer-stack>button>span .icon{width:14px;height:14px}
.layer-stack>button>b{font-size:9px;line-height:1.2}
.layer-stack>button>small{font-size:8px;line-height:1.25;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.layer-stack>button.active{border-color:var(--brand);background:#f9f3fa;box-shadow:0 0 0 1px rgba(100,17,111,.08)}
.selected-layer-control{border-top:1px solid var(--line)!important;padding-top:15px!important}
.selected-layer-title>button{border:0;background:none;color:#a5303e;display:flex;align-items:center;gap:4px;font-size:9px;font-weight:800;cursor:pointer}
.selected-layer-title>button .icon{width:12px;height:12px}
.selected-layer-empty{border:1px dashed var(--line);border-radius:12px;padding:13px;color:var(--muted);font-size:10px;line-height:1.5;background:#fbfafc}
.multi-layer-fields{align-items:end!important}
.edit-tip{display:block;margin:7px 0 10px;color:var(--muted);font-size:9px;line-height:1.45}
.catalog-category-group,.products-section{content-visibility:auto;contain-intrinsic-size:800px}
@media (max-width:760px){
  .unlimited-layer-designer .layer-remove,.unlimited-layer-designer .layer-rotate{width:30px!important;height:30px!important;min-width:30px!important}
  .unlimited-add-tools>button{min-height:48px!important}
  .layer-stack>button{width:105px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


.image-only-card .product-image-wrap{margin-bottom:0!important}
.image-only-card{overflow:hidden!important}

/* v21: single fast uniform colour customizer copied from the supplied HTML logic */
.fast-uniform-section{padding-top:clamp(52px,7vw,92px)!important;padding-bottom:clamp(52px,7vw,92px)!important}
.fast-uniform-section .section-heading{align-items:end!important}
.fast-uniform-section .section-heading p{max-width:700px;margin-top:12px;color:var(--muted);line-height:1.65}
.fast-uniform-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px rgba(55,27,62,.07);margin-top:28px}
.fast-uniform-preview{background:#f1f1f3;display:grid;place-items:center;min-width:0}
.fast-uniform-preview canvas{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;touch-action:manipulation}
.fast-uniform-controls{padding:clamp(18px,3vw,34px);align-self:center}
.fast-uniform-control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}
.fast-uniform-control-head h3{margin:4px 0 0;font-size:clamp(22px,2.3vw,34px);font-weight:500;letter-spacing:-.035em}
.fast-uniform-reset{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:10px 13px;font-size:10px;font-weight:750;cursor:pointer}
.fast-uniform-swatches{display:flex;flex-wrap:wrap;gap:11px;align-items:center}
.fast-uniform-swatch,.fast-uniform-custom-swatch{width:42px;height:42px;flex:0 0 auto;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d7d7d7;cursor:pointer;transition:.16s transform,.16s box-shadow}
.fast-uniform-swatch:active,.fast-uniform-custom-swatch:active{transform:scale(.94)}
.fast-uniform-swatch.active,.fast-uniform-custom-swatch.active{box-shadow:0 0 0 2.5px #191919}
.fast-uniform-custom-swatch{position:relative;background:conic-gradient(#ff334f,#ff9d20,#ffe23e,#3fd55a,#20c8d8,#3478ff,#8f45e8,#ff3cab,#ff334f)}
.fast-uniform-custom-swatch:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.fast-uniform-custom-swatch:after{content:"+";position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:15px;color:#222;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,.15);pointer-events:none}
.fast-uniform-any{margin-top:15px;width:100%;border:0;background:#f5f5f6;border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:13px;color:#222}
.fast-uniform-any>span{display:flex;align-items:center;gap:10px}.fast-uniform-any i{width:22px;height:22px;border-radius:50%;background:#20f12e;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.fast-uniform-any b{font-size:20px;color:#8b8b8b;font-weight:400;line-height:1}
.fast-uniform-hint{margin:12px 2px 0;color:#888;font-size:11px;line-height:1.5}
.fast-picker-lock{overflow:hidden!important}
.fast-colour-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:none;align-items:flex-end;justify-content:center;padding:12px;z-index:5000}
.fast-colour-overlay.open{display:flex}
.fast-colour-sheet{width:min(100%,440px);background:#fff;border-radius:24px;padding:18px;box-shadow:0 20px 70px rgba(0,0,0,.22)}
.fast-colour-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.fast-colour-head strong{font-size:18px;font-weight:500}.fast-colour-head button{width:34px;height:34px;border-radius:50%;border:0;background:#f3f3f4;font-size:20px;cursor:pointer}
.fast-sv-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid #e8e8e8}.fast-sv-wrap canvas{display:block;width:100%;height:220px;touch-action:none}.fast-sv-wrap i{position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 6px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none}
.fast-hue{width:100%;height:18px;margin:16px 0 14px;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.fast-hue::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.3);background:transparent}.fast-hue::-moz-range-thumb{width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.3);background:transparent}
.fast-picker-bottom{display:flex;gap:10px;align-items:center}.fast-picker-bottom>i{width:52px;height:52px;border-radius:14px;background:#20f12e;border:1px solid #ddd;flex:0 0 auto}.fast-picker-bottom label{flex:1;display:flex;align-items:center;background:#f5f5f6;border-radius:14px;padding:0 12px;height:52px}.fast-picker-bottom label span{color:#777;margin-right:4px}.fast-picker-bottom input{width:100%;border:0;outline:0;background:transparent;font-size:16px;text-transform:uppercase}.fast-picker-bottom button{height:52px;border:0;background:#171717;color:#fff;border-radius:14px;padding:0 18px;font-size:14px;cursor:pointer}
@media(max-width:760px){
  .fast-uniform-section{padding-top:44px!important;padding-bottom:48px!important}.fast-uniform-section .section-heading{align-items:flex-start!important}.fast-uniform-card{grid-template-columns:1fr;border-radius:20px;margin-top:22px}.fast-uniform-preview canvas{max-height:none}.fast-uniform-controls{padding:16px}.fast-uniform-control-head{margin-bottom:16px}.fast-uniform-swatch,.fast-uniform-custom-swatch{width:39px;height:39px}.fast-colour-overlay{padding:0}.fast-colour-sheet{border-radius:24px 24px 0 0}.fast-sv-wrap canvas{height:205px}
}

/* v23 designer colour controls: colour first, polished custom picker */
.garment-colour-control{padding-bottom:13px!important}
.garment-colour-swatches{gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important}
.garment-colour-swatches button{width:36px!important;height:36px!important;border-radius:11px!important;flex:0 0 auto!important}
.garment-colour-swatches .custom-colour-swatch{border-radius:50%!important;background:conic-gradient(#ff334f,#ff9d20,#ffe23e,#3fd55a,#20c8d8,#3478ff,#8f45e8,#ff3cab,#ff334f)!important}
.garment-colour-swatches .custom-colour-swatch:before{content:"";position:absolute;inset:7px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.garment-colour-swatches .custom-colour-swatch:after{width:17px!important;height:17px!important}
.choose-any-colour-row{width:100%;min-height:44px;margin-top:13px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ebe5ed;border-radius:12px;background:#f8f6f9;color:#332a35;font-size:9px;font-weight:850;cursor:pointer}
.choose-any-colour-row>span{display:flex;align-items:center;gap:9px}.choose-any-colour-row i{width:21px;height:21px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.choose-any-colour-row svg{width:14px;color:#85788a}
.size-only-control .styled-select{max-width:180px}
.fast-uniform-custom-swatch:before{background:#fff!important}
@media(max-width:760px){.garment-colour-swatches{gap:9px!important;justify-content:flex-start!important}.garment-colour-swatches button{width:38px!important;height:38px!important}.choose-any-colour-row{min-height:48px;font-size:10px}.size-only-control .styled-select{max-width:none}}

/* v24 focused fixes: fast-uniform actions, picker portal, share controls */
.fast-uniform-heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto}
.fast-uniform-section .section-heading .fast-uniform-share{width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #e2d8e4!important;border-radius:15px!important;background:#fff!important;color:#64116f!important;box-shadow:0 8px 22px rgba(72,32,79,.09)!important}
.fast-uniform-section .section-heading .fast-uniform-share .icon{width:18px;height:18px}
.fast-uniform-section .section-heading .fast-uniform-enquire{min-width:164px!important;height:48px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;border:0!important;border-radius:15px!important;background:linear-gradient(145deg,#86168d,#52105e)!important;color:#fff!important;box-shadow:0 10px 24px rgba(79,17,90,.2)!important;text-align:center!important}
.fast-uniform-section .section-heading .fast-uniform-enquire span{display:block;line-height:1;text-align:center}
.fast-uniform-section .section-heading .fast-uniform-enquire .icon{width:16px;height:16px;flex:0 0 auto}
.fast-colour-overlay{z-index:12000!important;isolation:isolate}
.fast-colour-sheet{position:relative;z-index:1}
.fast-uniform-custom-swatch.active{box-shadow:0 0 0 1px #cfc4d1,0 5px 12px rgba(54,29,59,.12)!important}

.control-head-actions{display:flex;align-items:center;gap:8px}
.compact-controls .control-head .designer-section-share{width:30px;height:30px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:9px;background:rgba(255,255,255,.13);color:#fff;cursor:pointer}
.compact-controls .control-head .designer-section-share .icon{width:13px;height:13px}
.garment-colour-swatches .custom-colour-swatch{border:2px solid #fff!important;outline:0!important;box-shadow:0 0 0 1px #d6cdd8,0 4px 10px rgba(47,27,51,.1)!important}
.garment-colour-swatches .custom-colour-swatch.active{border:2px solid #fff!important;outline:0!important;box-shadow:0 0 0 1px #bdb1c0,0 5px 12px rgba(47,27,51,.12)!important}
.garment-colour-swatches .custom-colour-swatch:before{inset:7px!important;border-radius:50%!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important}
.garment-colour-swatches .custom-colour-swatch:after{right:-2px!important;bottom:-2px!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#fff!important;color:#64116f!important;font-size:12px!important;font-weight:700!important}

@media(max-width:760px){
  .fast-uniform-heading-actions{width:100%;justify-content:flex-start;gap:9px}
  .fast-uniform-section .section-heading .fast-uniform-share{width:46px!important;height:46px!important;min-width:46px!important}
  .fast-uniform-section .section-heading .fast-uniform-enquire{height:46px!important;min-width:0!important;flex:1 1 auto!important;max-width:220px!important}
  .control-head-actions{gap:6px}.compact-controls .control-head .designer-section-share{width:28px;height:28px}
}


/* v25 spacing polish fixes */
.product-full-info .size-options{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:stretch!important}
.product-full-info .size-options button{width:56px!important;min-width:56px!important;height:56px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;font-size:12px!important;font-weight:800!important}
.product-full-info .selection-block>label{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
.product-full-info .selection-block>label b{display:inline-flex!important;align-items:center!important;line-height:1!important}


@media(max-width:760px){
  .fast-uniform-section .section-heading{display:block!important}
  .fast-uniform-section .section-heading>div:first-child{max-width:none!important}
  .fast-uniform-section .section-heading h2{max-width:none!important}
  .fast-uniform-section .section-heading p{max-width:none!important}
  .fast-uniform-heading-actions{margin-top:14px!important;width:100%!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;justify-content:flex-start!important;align-items:center!important}
  .fast-uniform-section .section-heading .fast-uniform-enquire{max-width:none!important;width:100%!important}
  .fast-uniform-section .section-heading .fast-uniform-enquire span{width:100%!important;text-align:center!important}
  .product-full-info .size-options{gap:9px!important}
  .product-full-info .size-options button{width:54px!important;min-width:54px!important;height:54px!important;font-size:11px!important}
}

/* v30 production bulk-order + Supabase client refresh */
.custom-open-card{cursor:pointer}.custom-open-card:focus-visible{outline:3px solid rgba(100,17,111,.25);outline-offset:5px}.custom-open-card .visual-cta{pointer-events:none}
.clean-empty{min-height:220px;display:grid;place-items:center;text-align:center;padding:34px}
.equal-category-grid .real-category-card{grid-column:auto!important;grid-row:auto!important;transform:none!important;min-height:0!important}.equal-category-grid .real-category-card:first-child{grid-column:auto!important;grid-row:auto!important;transform:none!important}.equal-category-grid .category-photo{aspect-ratio:3/4!important;height:auto!important;min-height:0!important}.equal-category-grid .category-photo img{width:100%;height:100%;object-fit:cover}
.full-category-grid{margin-bottom:64px}.categories-page{padding-top:42px}
.team-upload-home{padding-top:56px;padding-bottom:56px}.team-type-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.team-type-preview button{border:1px solid #e9e2ea;background:#fff;border-radius:22px;padding:10px;text-align:left;cursor:pointer;box-shadow:0 10px 28px rgba(42,20,45,.055)}.team-type-preview button>span{display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#f2eef3}.team-type-preview img{width:100%;height:100%;object-fit:contain}.team-type-preview b{display:block;font-size:17px;margin:12px 5px 2px;color:#271c29}.team-type-preview small{display:block;margin:0 5px 8px;color:#887b8a}
.team-upload-page{padding-top:40px;padding-bottom:100px}.team-builder{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);gap:24px;align-items:start}.team-design-side,.team-roster-side{border:1px solid #e9e2ea;background:#fff;border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(42,20,45,.05)}.team-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.team-type-tabs button{min-height:44px;border:1px solid #e2d9e4;border-radius:12px;background:#fff;color:#5d5060}.team-type-tabs button.active{border-color:#64116f;background:#f7eff8;color:#64116f;font-weight:700}.team-artwork-drop{display:block;cursor:pointer}.team-artwork-drop>input{display:none}.team-artwork-preview{min-height:390px;border:1.5px dashed #cdbfd0;border-radius:18px;background:#faf8fa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:8px;overflow:hidden}.team-artwork-preview svg{width:42px;height:42px;color:#64116f}.team-artwork-preview b{font-size:18px}.team-artwork-preview small{color:#8b7e8d}.team-artwork-drop.has-image .team-artwork-preview{padding:0;border-style:solid}.team-artwork-preview img{width:100%;height:100%;max-height:520px;object-fit:contain;background:#f7f4f7}.team-file-name{font-size:12px;color:#766c78;margin:9px 3px 0;overflow-wrap:anywhere}.team-roster-head,.team-roster-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-roster-head{margin-bottom:14px}.team-roster-head h2{margin:2px 0 0}.team-roster-list{display:grid;gap:9px;max-height:570px;overflow:auto;padding-right:3px}.team-roster-row{display:grid;grid-template-columns:36px minmax(130px,1.3fr) minmax(88px,.7fr) minmax(92px,.7fr) 40px;gap:8px;align-items:end;padding:10px;border:1px solid #ebe5ec;border-radius:15px;background:#fcfbfc}.team-roster-row .row-number{align-self:center;font-size:11px;color:#9c909e}.team-roster-row label{display:grid;gap:5px}.team-roster-row small{font-size:10px;color:#887d8a;text-transform:uppercase;letter-spacing:.08em}.team-roster-row input,.team-roster-row select{height:42px;border:1px solid #ddd4df;border-radius:10px;background:#fff;padding:0 10px;min-width:0;font:inherit}.team-row-remove{width:40px;height:42px;border:0;border-radius:10px;background:#f8eff1;color:#a82a42}.team-row-remove svg{width:16px}.team-roster-footer{margin-top:16px;padding-top:16px;border-top:1px solid #eee7ef}.team-roster-footer>span{display:flex;align-items:baseline;gap:5px;color:#766d78}.team-roster-footer>span b{font-size:24px;color:#2b202d}
.product-code-line{display:flex;align-items:center;gap:9px;margin:-3px 0 16px}.product-code-line span{font-size:9px;letter-spacing:.13em;color:#8e8290}.product-code-line b{font-size:12px;letter-spacing:.1em;background:#f3eef4;border-radius:8px;padding:6px 9px;color:#64116f}.bulk-order-box{margin-top:22px;border:1px solid #e8e0ea;border-radius:18px;background:#fbfafb;padding:16px}.bulk-order-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:13px}.bulk-order-head h3{margin:2px 0 0;font-size:17px}.bulk-order-head small{font-size:11px;color:#8d818f;margin:0}.bulk-size-list{display:grid;gap:7px}.bulk-size-row{display:grid;grid-template-columns:minmax(0,1fr) 102px;align-items:center;gap:12px;min-height:56px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid #ece6ed}.bulk-size-row span{display:grid;gap:2px}.bulk-size-row b{font-size:14px}.bulk-size-row small{font-size:10px;color:#8a7e8c}.bulk-size-row input{width:100%;height:42px;border:1px solid #dcd2de;border-radius:10px;text-align:center;font-size:16px;font-weight:700;background:#fff}.bulk-live-summary{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;padding:12px 14px;background:#281e2b;color:#fff;border-radius:14px}.bulk-live-summary b{font-size:20px}.bulk-live-summary strong{font-size:17px}
.cart-bulk-breakdown{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.cart-bulk-breakdown span{font-size:10px!important;padding:5px 7px;border:1px solid #e9e2ea;border-radius:8px;background:#faf8fa;color:#6b606e!important}.cart-bulk-breakdown b{color:#2d2230}.qty-static{min-width:48px;display:grid;place-items:center;align-self:center}.qty-static b{font-size:18px}.qty-static small{font-size:9px;color:#8f8491}
.auth-overlay{position:fixed;inset:0;z-index:300;background:rgba(22,14,24,.56);backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}.auth-card{position:relative;width:min(430px,100%);background:#fff;border-radius:24px;padding:26px;box-shadow:0 24px 80px rgba(19,8,21,.25)}.auth-card>.close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#f4eff5}.auth-card h2{font-size:27px;margin:5px 0}.auth-card>p{color:#786c7a;font-size:13px;margin:0 0 18px}.auth-card form{display:grid;gap:12px}.auth-card label{display:grid;gap:7px;font-size:12px;color:#6d6270}.auth-card input{height:50px;border:1px solid #ded5e0;border-radius:12px;padding:0 13px;font:inherit}.auth-sent{font-size:12px;color:#625765;margin:0}.auth-error{color:#b82944!important;background:#fff0f2;border-radius:10px;padding:9px!important;margin-top:10px!important}.auth-verified{display:flex;gap:8px;align-items:center;color:#23753e;font-size:13px}.auth-verified svg{width:18px}.modal-scroll-lock:has(.auth-overlay){overflow:hidden}

@media(max-width:760px){
  .section-wrap{width:100%!important;padding-left:14px!important;padding-right:14px!important}.hero{padding-left:14px!important;padding-right:14px!important;gap:16px!important}.hero-copy h1{font-size:clamp(42px,14vw,62px)!important;line-height:.92!important}.hero-copy p{font-size:14px!important;line-height:1.55!important}.hero-visual{min-height:430px!important;border-radius:20px!important}.hero-product-orbit img{width:min(78vw,330px)!important}.visual-cta{left:14px!important;right:14px!important;bottom:14px!important;width:auto!important;justify-content:space-between!important}
  .category-section{padding-top:40px!important}.real-category-grid,.equal-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.equal-category-grid .real-category-card{padding:8px!important;border-radius:16px!important}.equal-category-grid .category-photo{width:100%!important;margin:0!important}.real-category-card h3{font-size:15px!important;margin-top:8px!important}.real-category-card p{font-size:10px!important;line-height:1.35!important;min-height:28px}.category-code{font-size:9px!important}.category-arrow{width:30px!important;height:30px!important}
  .responsive-catalog-grid,.home-product-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card{border-radius:15px!important;overflow:hidden}.product-image-wrap{aspect-ratio:3/4!important;min-height:0!important}.product-info{padding:10px 9px 13px!important}.product-info h3{font-size:14px!important;line-height:1.25!important}.product-info p{font-size:9px!important}.price-row strong{font-size:15px!important}
  .team-upload-home{padding-top:42px;padding-bottom:42px}.team-type-preview{grid-template-columns:1fr!important;gap:10px}.team-type-preview button{display:grid;grid-template-columns:116px 1fr;grid-template-rows:auto auto;column-gap:13px;align-items:center;padding:8px}.team-type-preview button>span{grid-row:1/3;aspect-ratio:4/3}.team-type-preview b{font-size:17px;margin:0;align-self:end}.team-type-preview small{margin:2px 0 0;align-self:start}.team-builder{grid-template-columns:1fr;gap:14px}.team-design-side,.team-roster-side{border-radius:18px;padding:13px}.team-artwork-preview{min-height:310px}.team-roster-head{align-items:flex-end}.team-roster-head .secondary{padding:10px 12px!important}.team-roster-row{grid-template-columns:30px minmax(0,1.35fr) minmax(70px,.7fr);grid-template-areas:"num name number" ". size remove";align-items:end}.team-roster-row .row-number{grid-area:num}.team-roster-row label:nth-of-type(1){grid-area:name}.team-roster-row label:nth-of-type(2){grid-area:number}.team-roster-row label:nth-of-type(3){grid-area:size}.team-row-remove{grid-area:remove}.team-roster-footer{position:sticky;bottom:72px;background:#fff;padding-bottom:2px;z-index:3}.team-roster-footer .primary{padding:12px 14px!important;font-size:12px!important}
  .product-full-inner{grid-template-columns:1fr!important;padding:0 14px 100px!important;gap:14px!important}.product-full-media{position:static!important;width:100%!important}.detail-slider-frame{min-height:0!important;aspect-ratio:4/5!important}.detail-slide img{object-fit:contain!important}.product-full-info{padding:8px 0 0!important}.product-full-info h1{font-size:28px!important}.bulk-order-box{padding:11px;border-radius:15px}.bulk-size-row{grid-template-columns:minmax(0,1fr) 88px;min-height:54px;padding:7px 8px}.bulk-size-row input{height:40px;font-size:15px}.bulk-live-summary{position:sticky;bottom:76px;z-index:6;box-shadow:0 10px 30px rgba(26,15,28,.15)}
  .cart-item.improved-cart-item{grid-template-columns:96px minmax(0,1fr)!important;padding:10px!important;gap:10px!important}.cart-ready-preview,.cart-custom-preview{width:96px!important;min-width:96px!important;height:120px!important}.qty-static{position:absolute;right:42px;bottom:10px}.improved-cart-item{position:relative}.cart-bulk-breakdown{padding-right:4px}
  .mobile-bottom{grid-template-columns:repeat(5,1fr)!important}.mobile-bottom button{font-size:8px!important;gap:2px!important}.mobile-bottom svg{width:18px!important;height:18px!important}
  .compact-designer-layout{display:block!important}.compact-preview{min-height:52vh!important;padding:12px 10px 8px!important}.preview-stage{min-height:46vh!important}.compact-controls{padding:14px 14px 110px!important}.compact-controls h3{font-size:17px!important}.compact-controls label,.compact-controls small{font-size:11px!important}.compact-designer-bar{padding:8px 10px!important}.designer-toolbar button{min-height:44px!important}.garment-colour-swatches button{width:38px!important;height:38px!important}
}
.catalog-code-search{position:relative;margin:14px 0 18px;max-width:620px}.catalog-code-search input{width:100%;height:50px;border:1px solid #ddd4df;border-radius:14px;background:#fff;padding:0 48px 0 14px;font:inherit;font-size:14px;box-shadow:0 8px 24px rgba(44,26,48,.04)}.catalog-code-search>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#786b7b;pointer-events:none}.catalog-code-search svg{width:18px;height:18px}
@media(max-width:760px){.catalog-code-search{max-width:none;margin:10px 0 14px}.catalog-code-search input{height:46px;font-size:13px}}
.equal-category-grid .real-category-card:first-child{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important;box-shadow:none!important}.equal-category-grid .real-category-card:first-child:after{display:none!important;content:none!important}.equal-category-grid .real-category-card:first-child .category-photo{grid-column:auto!important;grid-row:auto!important}.equal-category-grid .real-category-card:first-child>div:last-of-type{grid-column:auto!important;grid-row:auto!important;min-height:0!important;padding:inherit!important;display:block!important}.equal-category-grid .real-category-card:first-child h3{font-size:inherit!important;color:inherit!important}
.equal-category-grid .real-category-card:first-child>div:last-of-type{padding:11px 12px 12px!important}.equal-category-grid .real-category-card:first-child h3{font-size:18px!important}
@media(max-width:760px){.equal-category-grid .real-category-card:first-child>div:last-of-type{padding:9px!important}.equal-category-grid .real-category-card:first-child h3{font-size:15px!important}}


/* v31 — live MSG91 widget + final mobile sizing pass */
.msg91-captcha-slot{min-height:0;margin:2px 0 8px;overflow:hidden}.msg91-captcha-slot>div{max-width:100%}.auth-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.auth-inline-actions .text-button{margin:0!important}.auth-card input{font-size:16px!important}
@media(max-width:760px){
  .hero{padding-left:14px!important;padding-right:14px!important}.hero-copy h1{font-size:clamp(42px,13vw,62px)!important}.hero-copy p{font-size:14px!important;line-height:1.6!important}
  .custom-open-card{min-height:430px!important;border-radius:22px!important}.hero-product-orbit{transform:scale(1.08)}.visual-cta{min-height:48px!important;font-size:11px!important}
  .section-wrap{padding-left:14px!important;padding-right:14px!important}.section-heading h2{font-size:clamp(28px,9vw,40px)!important}.section-heading p{font-size:12px!important}
  .equal-category-grid .category-photo{aspect-ratio:3/4!important}.equal-category-grid .real-category-card{min-width:0!important}.equal-category-grid .real-category-card h3{font-size:15px!important}.equal-category-grid .real-category-card p{font-size:10px!important}
  .responsive-catalog-grid .product-image-wrap,.home-product-grid .product-image-wrap{aspect-ratio:3/4!important;height:auto!important}.responsive-catalog-grid .product-card,.home-product-grid .product-card{min-width:0!important}
  .team-artwork-preview{min-height:340px!important}.team-type-tabs button{font-size:11px!important}.team-roster-row input,.team-roster-row select{font-size:16px!important}.team-roster-footer{bottom:68px!important}
  .auth-card{width:calc(100% - 24px)!important;max-width:none!important;padding:22px 16px!important;border-radius:22px!important}.auth-card h2{font-size:30px!important}.auth-card>p{font-size:12px!important;line-height:1.55!important}
  .product-full-inner{min-width:0!important}.product-full-media{min-height:420px!important}.product-full-info{padding-left:16px!important;padding-right:16px!important}
  .bulk-matrix-row{grid-template-columns:minmax(0,1fr) 86px!important;gap:8px!important}.bulk-matrix-row input{font-size:16px!important}
}
@media(max-width:390px){
  .responsive-catalog-grid,.home-product-grid,.product-grid{gap:9px!important}.product-info{padding:9px 8px 12px!important}.product-info h3{font-size:13px!important}
  .real-category-grid,.equal-category-grid{gap:9px!important}.team-artwork-preview{min-height:300px!important}.team-roster-row{padding:8px!important;gap:6px!important}
}

/* ===== v32.css ===== */
/* OneLine v32 – customer UI refinement */

/* Header profile action */
.profile-head-link{width:42px;height:42px;border:1px solid #ded5e0;border-radius:12px;background:#fff;display:grid;place-items:center;cursor:pointer;color:#4f4053}
.profile-head-link .icon{width:19px;height:19px}

/* Build your own / customizer opener */
.custom-open-card{background:linear-gradient(145deg,#f4edf6 0%,#fff 46%,#f4f7fb 100%)!important;background-image:none!important;border:1px solid #e4dbe6!important;box-shadow:0 22px 58px rgba(61,31,68,.09)!important}
.custom-open-card:before{width:64%!important;height:70%!important;border:0!important;border-radius:32px!important;background:linear-gradient(145deg,#eadcf0,#edf3ff)!important;transform:rotate(-3deg)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.custom-open-card .hero-grid-label{left:22px!important;top:20px!important;padding:8px 11px!important;border-radius:9px!important;background:#2c2230!important;letter-spacing:.16em!important}
.custom-open-card .hero-product-orbit{width:min(560px,78%)!important;height:76%!important;animation:none!important}
.custom-open-card .hero-product-orbit>img{width:82%!important;height:88%!important;object-fit:contain!important;filter:drop-shadow(0 24px 24px rgba(50,25,56,.17))!important}
.custom-open-card .orbit-ring{opacity:.25!important}
.hero-brand-badge{right:4%!important;bottom:14%!important;min-width:220px!important;max-width:260px!important;padding:10px 14px 10px 10px!important;gap:10px!important;border-radius:16px!important;background:rgba(255,255,255,.93)!important;box-shadow:0 12px 34px rgba(48,25,54,.14)!important;letter-spacing:0!important}
.hero-brand-badge img{width:44px!important;height:44px!important;object-fit:contain!important;border-radius:10px!important;background:#fff!important;padding:4px!important}
.hero-brand-badge div{display:grid;gap:3px;min-width:0}
.hero-brand-badge strong{font-size:10px;letter-spacing:.12em;color:#2c2230}
.hero-brand-badge small{font-size:9px;font-weight:600;letter-spacing:0;color:#817484;white-space:nowrap}
.custom-open-card .floating-tool{border:1px solid #e4dce6!important;border-radius:11px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 9px 24px rgba(46,25,51,.08)!important}
.custom-open-card .visual-cta{right:20px!important;bottom:20px!important;width:205px!important;height:50px!important;border:0!important;border-radius:12px!important;background:#2d2230!important;padding:0 15px!important}

/* Team upload teaser – real photography */
.team-upload-home{padding-top:72px!important;padding-bottom:72px!important}
.team-section-heading{align-items:end!important;gap:22px!important}
.team-section-heading>div{max-width:720px}
.team-open-button{min-width:188px;min-height:48px;padding:0 18px;border:0;border-radius:12px;background:#2d2230;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:12px;cursor:pointer;text-align:center}
.team-open-button span{display:inline-block;text-align:center}
.team-open-button .icon{width:16px}
.real-team-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:22px}
.real-team-preview button{position:relative!important;display:block!important;padding:0!important;overflow:hidden!important;border:1px solid #e4dce6!important;border-radius:20px!important;background:#fff!important;box-shadow:0 15px 36px rgba(52,27,58,.07)!important;text-align:left!important}
.real-team-preview button>span{display:block!important;width:100%!important;aspect-ratio:4/3!important;border-radius:0!important;overflow:hidden!important;background:#eee!important}
.real-team-preview button>span img{width:100%!important;height:100%!important}
.real-team-preview button>div{padding:14px 15px 16px!important}
.real-team-preview b{margin:0!important;font-size:18px!important;color:#2b202d!important}
.real-team-preview small{margin:4px 0 0!important;font-size:11px!important;color:#827684!important}

/* Bulk / multiple size banner */
.uniform-order-banner{box-sizing:border-box!important;max-width:1400px!important;padding:38px 40px!important;gap:30px!important;overflow:hidden!important}
.uniform-order-banner>div{max-width:850px!important;min-width:0!important;padding-right:16px!important}
.uniform-order-banner h2{font-size:clamp(34px,4.2vw,58px)!important;line-height:1!important;overflow-wrap:normal!important;word-break:normal!important}
.uniform-order-banner p{font-size:13px!important;line-height:1.7!important;max-width:760px!important}
.uniform-order-banner .uniform-customize-button{flex:0 0 auto;min-width:215px!important;justify-content:center!important;gap:12px!important}

/* Simpler, normal mobile menu */
@media(max-width:760px){
  .site-header nav.open{display:grid!important;grid-template-columns:1fr!important;top:62px!important;left:12px!important;right:12px!important;padding:8px!important;border:1px solid #e3dbe5!important;border-radius:14px!important;background:#fff!important;box-shadow:0 16px 42px rgba(49,25,54,.16)!important;overflow:hidden!important}
  .site-header nav.open button{height:43px!important;padding:0 12px!important;border:0!important;border-bottom:1px solid #f0ebf1!important;border-radius:0!important;background:#fff!important;text-align:left!important;font-size:12px!important;font-weight:650!important;color:#403544!important;box-shadow:none!important}
  .site-header nav.open button:last-child{border-bottom:0!important}
  .site-header nav.open button:after{display:none!important}
  .menu-scrim{background:rgba(19,13,21,.18)!important;backdrop-filter:blur(2px)!important}
  .profile-head-link{width:38px;height:38px;border-radius:10px}
}

/* Bottom nav – + icon only, profile replaces cart */
.mobile-bottom .create-only:after{display:none!important;content:none!important}
.mobile-bottom .create-only{font-size:0!important}
.mobile-bottom .create-only .icon{width:22px!important;height:22px!important}

/* Cart – clean store layout, not an accounting screen */
.simple-cart-page{background:#faf8fb!important}
.simple-cart-page .cart-title h1{font-size:clamp(42px,6vw,72px)!important;letter-spacing:-.055em!important}
.simple-cart-page .cart-title h1 sup{display:none!important}
.simple-cart-page .cart-layout{grid-template-columns:minmax(0,1fr) 330px!important;gap:18px!important}
.simple-cart-page .cart-list{gap:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.simple-cart-page .improved-cart-item{border:1px solid #e7e0e8!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(48,26,53,.045)!important;padding:14px!important}
.simple-cart-page .cart-item-info>span{font-size:9px!important;letter-spacing:.12em!important;color:#8a7d8c!important}
.simple-cart-page .cart-item-info h3{margin:5px 0!important}
.simple-cart-page .cart-bulk-breakdown span{background:#f7f3f8!important;border-color:#eee6ef!important;border-radius:999px!important;padding:6px 9px!important}
.clean-order-summary{position:sticky!important;top:96px!important;border:1px solid #e4dce6!important;border-radius:18px!important;background:#fff!important;padding:22px!important;box-shadow:0 12px 32px rgba(49,26,54,.055)!important}
.clean-order-summary .summary-line{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:14px 0!important;font-size:12px!important}
.clean-order-summary .summary-total{display:grid!important;gap:6px!important;margin:20px 0!important;padding-top:18px!important;border-top:1px solid #eee8ef!important}
.clean-order-summary .summary-total strong{font-size:28px!important;letter-spacing:-.04em!important}
.clean-order-summary>small{display:block;color:#8a7e8c;font-size:10px;line-height:1.5;margin:-6px 0 16px}

/* Profile */
.profile-page{padding-top:46px!important;padding-bottom:110px!important;max-width:1040px!important}
.profile-page-head{margin-bottom:18px}
.profile-page-head h1{margin:6px 0 0;font-size:clamp(40px,6vw,66px);letter-spacing:-.055em;line-height:.95}
.profile-identity{display:grid;grid-template-columns:86px minmax(0,1fr);gap:18px;align-items:center;padding:22px;border:1px solid #e4dce6;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(49,25,54,.055)}
.profile-avatar{width:86px;height:86px;border-radius:24px;background:linear-gradient(145deg,#7a2785,#4c1157);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:800}
.profile-identity-copy h1{margin:5px 0 4px;font-size:28px;letter-spacing:-.04em}
.profile-identity-copy p{margin:0;color:#817584;font-size:13px}
.profile-edit-button{margin-top:11px;padding:0;border:0;background:transparent;color:#64116f;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;cursor:pointer}
.profile-name-form{display:grid;gap:10px;margin-top:8px;max-width:430px}
.profile-name-form input{height:48px;border:1px solid #ddd4df;border-radius:12px;padding:0 12px;font-size:16px}
.profile-name-form>div{display:flex;gap:8px}
.profile-name-form .primary,.profile-name-form .secondary{min-height:42px;padding:0 16px}
.guest-profile .profile-avatar{background:#efe7f1;color:#64116f}
.profile-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.profile-action-grid>button{min-height:92px;padding:16px;border:1px solid #e5dde6;border-radius:18px;background:#fff;display:grid;grid-template-columns:46px minmax(0,1fr) 18px;align-items:center;gap:12px;text-align:left;cursor:pointer}
.profile-action-grid>button>.icon{width:17px;color:#847887}
.profile-action-icon{width:46px;height:46px;border-radius:14px;background:#f4eef5;color:#64116f;display:grid;place-items:center}
.profile-action-icon .icon{width:20px;height:20px}
.profile-action-grid b{display:block;font-size:14px}
.profile-action-grid small{display:block;margin-top:3px;color:#897e8b;font-size:10px;line-height:1.4}
.profile-info-card{margin-top:14px;padding:20px;border:1px solid #e5dde6;border-radius:18px;background:#fff}
.profile-info-card h2{margin:0 0 10px;font-size:18px}
.profile-info-links{display:grid}
.profile-info-links button{height:46px;border:0;border-bottom:1px solid #f0ebf1;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0;text-align:left;font-size:12px;cursor:pointer}
.profile-info-links button .icon{width:14px}
.profile-info-links button:last-child{border-bottom:0}
.profile-logout{margin-top:16px;border:0;background:transparent;color:#a22c43;padding:0;font-size:11px;font-weight:700;cursor:pointer}

/* Minimal OTP */
.simple-auth-card{width:min(390px,100%)!important;padding:26px 22px 22px!important;border-radius:20px!important}
.simple-auth-card h2{margin:0 0 18px!important;font-size:27px!important;letter-spacing:-.035em!important}
.simple-auth-card form{gap:11px!important}
.simple-auth-card label{gap:6px!important}
.simple-auth-card label>span{font-size:10px!important;font-weight:700!important;color:#776c79!important}
.simple-auth-card input{height:52px!important;border-radius:12px!important;font-size:16px!important}
.simple-auth-card .auth-mini{margin:0 0 1px!important;color:#817684!important;font-size:11px!important}
.simple-auth-card .auth-inline-actions{margin-top:0!important}
.msg91-captcha-slot{display:none!important}

@media(max-width:760px){
  .section-wrap{padding-left:16px!important;padding-right:16px!important}
  .hero{padding-left:16px!important;padding-right:16px!important;gap:12px!important}
  .hero-copy{padding:44px 4px 30px!important}
  .hero-copy h1{font-size:clamp(44px,13.2vw,60px)!important}
  .hero-copy>p{font-size:14px!important;line-height:1.58!important}
  .custom-open-card{min-height:390px!important;height:390px!important;border-radius:20px!important}
  .custom-open-card:before{width:78%!important;height:67%!important;border-radius:24px!important}
  .custom-open-card .hero-product-orbit{width:92%!important;height:74%!important;max-width:none!important;transform:none!important}
  .custom-open-card .hero-product-orbit>img{width:min(76vw,292px)!important;height:86%!important}
  .custom-open-card .hero-grid-label{left:14px!important;top:14px!important;font-size:8px!important}
  .hero-brand-badge{right:12px!important;bottom:72px!important;min-width:0!important;width:auto!important;max-width:210px!important;padding:7px 9px 7px 7px!important;border-radius:12px!important}
  .hero-brand-badge img{width:34px!important;height:34px!important}
  .hero-brand-badge strong{font-size:8px!important}
  .hero-brand-badge small{font-size:7px!important}
  .custom-open-card .floating-tool{min-width:104px!important;height:36px!important;padding:0 9px!important;font-size:9px!important}
  .custom-open-card .tool-a{left:12px!important;top:27%!important}.custom-open-card .tool-b{right:10px!important;top:43%!important}.custom-open-card .tool-c{left:12px!important;bottom:21%!important}
  .custom-open-card .visual-cta{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;height:46px!important}

  .team-upload-home{padding-top:48px!important;padding-bottom:48px!important}
  .team-section-heading{display:grid!important;gap:15px!important}
  .team-open-button{width:100%!important;min-width:0!important;min-height:48px!important}
  .real-team-preview{grid-template-columns:1fr!important;gap:12px!important;margin-top:16px!important}
  .real-team-preview button{display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;align-items:stretch!important;min-height:116px!important;border-radius:17px!important}
  .real-team-preview button>span{width:132px!important;height:116px!important;aspect-ratio:auto!important}
  .real-team-preview button>div{padding:18px 13px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
  .real-team-preview b{font-size:18px!important}.real-team-preview small{font-size:10px!important;line-height:1.4!important}

  .uniform-order-banner{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important;margin:0 16px 84px!important;padding:24px 20px!important;gap:20px!important;border-radius:18px!important}
  .uniform-order-banner>div{padding-right:0!important;width:100%!important}
  .uniform-order-banner h2{font-size:clamp(31px,9.5vw,42px)!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important}
  .uniform-order-banner p{font-size:12px!important;line-height:1.6!important;padding-right:2px!important}
  .uniform-order-banner .uniform-customize-button{width:100%!important;min-width:0!important;height:48px!important}

  .mobile-bottom .create-only:after{display:none!important;content:none!important}
  .mobile-bottom .create-only{font-size:0!important}

  .simple-cart-page{padding-top:30px!important}
  .simple-cart-page .cart-title{gap:12px!important}
  .simple-cart-page .cart-title h1{font-size:46px!important}
  .simple-cart-page .cart-title p{font-size:11px!important;line-height:1.5!important}
  .simple-cart-page .cart-layout{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .simple-cart-page .improved-cart-item{grid-template-columns:92px minmax(0,1fr)!important;border-radius:16px!important;padding:10px!important}
  .simple-cart-page .cart-ready-preview,.simple-cart-page .cart-custom-preview{width:92px!important;min-width:92px!important;height:116px!important;border-radius:12px!important;overflow:hidden!important}
  .simple-cart-page .cart-item-info h3{font-size:15px!important}
  .clean-order-summary{position:static!important;margin-top:0!important;border-radius:16px!important;padding:18px!important}

  .profile-page{padding-top:30px!important;padding-bottom:100px!important}
  .profile-page-head h1{font-size:46px!important}
  .profile-identity{grid-template-columns:66px minmax(0,1fr)!important;padding:16px!important;gap:13px!important;border-radius:18px!important}
  .profile-avatar{width:66px!important;height:66px!important;border-radius:18px!important;font-size:25px!important}
  .profile-identity-copy h1{font-size:23px!important}
  .profile-action-grid{grid-template-columns:1fr!important;gap:9px!important}
  .profile-action-grid>button{min-height:78px!important;padding:13px!important;border-radius:16px!important;grid-template-columns:42px minmax(0,1fr) 16px!important}
  .profile-action-icon{width:42px!important;height:42px!important;border-radius:12px!important}
  .profile-info-card{padding:16px!important;border-radius:16px!important}

  .simple-auth-card{width:calc(100% - 24px)!important;padding:23px 17px 18px!important;border-radius:18px!important}
  .simple-auth-card h2{font-size:27px!important;margin-bottom:16px!important}
}

@media(max-width:390px){
  .custom-open-card{height:365px!important;min-height:365px!important}
  .hero-brand-badge small{display:none!important}
  .real-team-preview button{grid-template-columns:116px minmax(0,1fr)!important;min-height:108px!important}
  .real-team-preview button>span{width:116px!important;height:108px!important}
  .uniform-order-banner{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin-left:14px!important;margin-right:14px!important;padding:22px 18px!important}
}

/* v32 profile edit: changing a phone always re-verifies it */
.profile-name-form label{display:grid;gap:6px}
.profile-name-form label small,.profile-edit-phone small{font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#8b7f8d}
.profile-edit-phone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;padding:11px 12px;border:1px solid #ece5ed;border-radius:12px;background:#faf8fb}
.profile-edit-phone small{grid-column:1/-1}
.profile-edit-phone b{font-size:12px;font-weight:700;color:#443748}
.profile-edit-phone button{border:0;background:transparent;padding:0;color:#64116f;font-size:10px;font-weight:750;cursor:pointer}

/* Keep the team-order label mathematically centered even with the arrow icon */
.team-open-button{position:relative!important;justify-content:center!important;text-align:center!important;padding-left:42px!important;padding-right:42px!important}
.team-open-button>span{width:100%!important;text-align:center!important}
.team-open-button>.icon{position:absolute!important;right:15px!important;top:50%!important;transform:translateY(-50%)!important}


/* v33 fixes */
.cart-head-link,.profile-head-link{width:42px;height:42px;border:1px solid #ded5e0;border-radius:12px;background:#fff;display:grid;place-items:center;cursor:pointer;color:#4f4053;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cart-head-link:hover,.profile-head-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(50,25,54,.08);border-color:#cfbfd2}
.cart-head-link .icon,.profile-head-link .icon{width:19px;height:19px}
.header-actions{display:flex;align-items:center;gap:10px}

.old-model-hero .hero-visual{background:linear-gradient(180deg,#efe5f1 0%,#eadced 100%)!important;border:0!important;border-radius:30px!important;overflow:hidden!important}
.old-model-card{box-shadow:none!important;border:0!important}
.old-model-card:before{display:none!important}
.old-model-card .hero-grid-label{top:18px!important;left:18px!important;border-radius:18px!important;background:#4b235c!important;color:#fff!important;padding:0 18px!important;height:48px!important;display:flex;align-items:center;letter-spacing:.12em!important;font-size:11px!important;box-shadow:0 10px 24px rgba(53,20,62,.18)!important}
.hero-card-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:76px 38px 88px}
.hero-card-panel{position:absolute;inset:84px 68px 106px;border-radius:42px;background:rgba(255,255,255,.54);box-shadow:inset 0 0 0 2px rgba(255,255,255,.38),0 18px 40px rgba(89,54,99,.08)}
.old-product-orbit{position:relative!important;width:min(620px,92%)!important;height:100%!important;display:grid!important;place-items:center!important}
.old-product-orbit>img{position:relative!important;z-index:3!important;width:min(76%,430px)!important;height:auto!important;max-height:74%!important;filter:drop-shadow(0 22px 28px rgba(61,31,68,.16))!important;animation:heroFloat 4.5s ease-in-out infinite!important}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.old-model-card .orbit-ring{position:absolute!important;left:50%!important;top:60%!important;transform:translate(-50%,-50%)!important;width:74%!important;height:26%!important;border:2px solid rgba(125,60,148,.24)!important;border-radius:50%!important;opacity:1!important;z-index:1!important}
.text-brand-badge{right:8%!important;bottom:18%!important;min-width:240px!important;padding:14px 18px 14px 14px!important;border-radius:18px!important;display:flex!important;align-items:center!important;gap:14px!important;z-index:4!important}
.text-brand-badge img{display:none!important}
.badge-mark{width:54px;height:54px;border-radius:50%;border:4px solid #7a1c8d;background:#fff;display:grid;place-items:center;color:#7a1c8d;line-height:1;box-shadow:0 8px 20px rgba(52,22,59,.12)}
.badge-mark b{font-size:28px;display:block;font-weight:900}
.badge-mark small{font-size:8px;font-weight:700;color:#5f5363;margin-top:-2px}
.text-brand-badge strong{font-size:13px!important;letter-spacing:.14em!important}
.text-brand-badge small{display:none!important}
.old-model-card .floating-tool{z-index:5!important;min-width:142px!important;height:48px!important;border-radius:16px!important;padding:0 14px!important;font-size:13px!important}
.old-model-card .floating-tool .icon{width:18px!important;height:18px!important}
.old-model-card .tool-a{left:28px!important;top:190px!important}
.old-model-card .tool-b{right:24px!important;top:334px!important}
.old-model-card .tool-c{left:64px!important;bottom:122px!important}
.old-model-card .visual-cta{left:50%!important;transform:translateX(-50%)!important;right:auto!important;bottom:20px!important;width:min(480px,calc(100% - 40px))!important;height:56px!important;border-radius:18px!important;background:linear-gradient(180deg,#9211a8,#6a0c7f)!important;box-shadow:0 18px 38px rgba(91,12,109,.22)!important;justify-content:space-between!important;padding:0 26px!important;z-index:5!important}
.old-model-card .visual-cta span{letter-spacing:.12em!important}

.team-open-button{min-height:54px!important;border-radius:16px!important;font-size:13px!important;background:linear-gradient(180deg,#6f1384,#4c1157)!important;box-shadow:0 16px 34px rgba(71,19,83,.16)!important}
.team-section-heading h2{max-width:480px}
.real-team-preview button>span{aspect-ratio:5/4!important}

.site-header nav.open{display:grid!important;gap:0!important;grid-template-columns:1fr!important;top:70px!important;left:14px!important;right:14px!important;padding:10px!important;border:1px solid #eadfee!important;border-radius:18px!important;background:#fff!important;box-shadow:0 22px 42px rgba(49,25,54,.16)!important;overflow:hidden!important}
.site-header nav.open button{min-height:46px!important;padding:0 14px!important;border:0!important;border-bottom:1px solid #f2edf3!important;background:transparent!important;text-align:left!important;font-size:13px!important;font-weight:680!important;color:#3f3543!important;display:flex!important;align-items:center!important}
.site-header nav.open button:last-child{border-bottom:0!important}

.profile-avatar.profile-avatar-icon{background:linear-gradient(145deg,#efe7f1,#f6f2f7)!important;color:#64116f!important;border:1px solid #e3d8e6}
.profile-avatar.profile-avatar-icon .icon{width:34px;height:34px}
.guest-profile .profile-avatar.profile-avatar-icon{background:#f4eef6!important}
.legal-head-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.legal-back{border:0;background:transparent;padding:0;color:#60126d;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer}
.legal-back .icon{width:16px;height:16px}

@media(max-width:760px){
  .header-actions{gap:8px}
  .cart-head-link,.profile-head-link{width:38px;height:38px;border-radius:10px}
  .old-model-hero .hero-copy{min-height:auto!important;padding:34px 4px 14px!important}
  .old-model-card{height:465px!important;min-height:465px!important;border-radius:26px!important}
  .hero-card-stage{padding:62px 18px 84px!important}
  .hero-card-panel{inset:72px 26px 108px!important;border-radius:28px!important}
  .old-product-orbit>img{width:min(76vw,296px)!important;max-height:65%!important}
  .old-model-card .orbit-ring{width:74%!important;height:22%!important;top:58%!important}
  .old-model-card .tool-a{left:10px!important;top:145px!important}
  .old-model-card .tool-b{right:10px!important;top:248px!important}
  .old-model-card .tool-c{left:14px!important;bottom:118px!important}
  .old-model-card .floating-tool{min-width:110px!important;height:38px!important;padding:0 10px!important;font-size:10px!important;border-radius:12px!important}
  .old-model-card .floating-tool .icon{width:14px!important;height:14px!important}
  .text-brand-badge{right:14px!important;bottom:88px!important;min-width:0!important;padding:8px 10px!important;gap:10px!important;border-radius:14px!important;max-width:220px!important}
  .badge-mark{width:42px!important;height:42px!important;border-width:3px!important}
  .badge-mark b{font-size:22px!important}
  .badge-mark small{font-size:7px!important}
  .text-brand-badge strong{font-size:10px!important}
  .old-model-card .visual-cta{left:14px!important;right:14px!important;transform:none!important;width:auto!important;height:48px!important;padding:0 18px!important;border-radius:14px!important}
  .site-header nav.open{top:64px!important;left:12px!important;right:12px!important}
}

/* ===== v34.css ===== */
/* OneLine v34 — responsive mobile/tablet drawer, OTP + custom-order polish */
:root{--ui-font:"Manrope","Avenir Next","Segoe UI",Inter,system-ui,-apple-system,sans-serif}
body,button,input,select,textarea{font-family:var(--ui-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.brand-copy b,.eyebrow,.drawer-item,.team-open-button,.primary,.secondary{font-family:var(--ui-font)!important}
h1,h2,h3{letter-spacing:-.035em!important}.eyebrow{letter-spacing:.12em!important}.primary,.secondary,button{letter-spacing:.005em}

/* Keep the normal desktop header concise. Rich drawer details are mobile/tablet only. */
.drawer-top,.drawer-account,.drawer-divider{display:none}
.drawer-links{display:contents}
.site-header nav .drawer-icon,.site-header nav .drawer-item>.icon:last-child{display:none}
.site-header nav .drawer-divider~.drawer-item{display:none}
.drawer-brand-button{border:0!important;background:transparent!important;padding:0!important}

/* Supplied team-order artwork. */
.real-team-preview button>span img{object-fit:cover!important;object-position:center!important}
.real-team-preview button:nth-child(1)>span img{object-position:center 48%!important}
.real-team-preview button:nth-child(2)>span img{object-position:center 28%!important}
.real-team-preview button:nth-child(3)>span img{object-position:center 42%!important}

/* Cart uses the shopping-cart glyph rather than a bag glyph. */
.cart-button .icon,.cart-head-link .icon,.profile-action-icon .icon,.cart-empty>.icon{fill:none!important}
.guest-profile .profile-identity-copy h1{margin-bottom:12px!important}

/* Custom designer — make controls readable on every display, not micro-sized. */
.compact-controls .control-block>label,.compact-controls .selected-layer-title label{font-size:11px!important;font-weight:800!important}
.compact-controls .control-head>span{font-size:11px!important}.compact-controls .control-head small{font-size:9px!important}
.compact-controls input,.compact-controls select,.compact-controls textarea{font-size:12px!important}
.compact-controls .print-options b,.material-quality-cards b{font-size:10px!important}
.compact-controls .print-options small,.material-quality-cards small{font-size:9px!important;line-height:1.35!important}
.compact-controls .choose-any-colour-row,.compact-controls .layer-manager-head label{font-size:10px!important}

/* Per-size quantity editor: e.g. S 4 + M 13. */
.custom-size-quantity-control{padding:16px!important}
.size-qty-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.size-qty-heading>div{display:grid;gap:4px}.size-qty-heading label{font-size:12px!important;font-weight:800!important}.size-qty-heading small{font-size:9px!important;line-height:1.35!important;color:#867988!important}.size-qty-heading strong{font-size:13px;color:#6d1779;white-space:nowrap}
.custom-size-qty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.custom-size-qty-grid label{display:grid;gap:6px;padding:9px;border:1px solid #e1d7e3;border-radius:11px;background:#fff}.custom-size-qty-grid span{font-size:10px;font-weight:850;color:#403444}.custom-size-qty-grid input{width:100%;height:42px;border:1px solid #ded4e1;border-radius:9px;padding:0 8px;font-weight:750;text-align:center;background:#fbf9fc}.size-qty-example{margin:10px 0 0!important;font-size:9px!important;color:#8d808f!important}
.custom-total-pieces{position:static!important;right:auto!important;bottom:auto!important;display:grid;gap:2px;min-width:90px}.custom-total-pieces small{font-size:8px!important;text-transform:uppercase;letter-spacing:.08em;color:#87798a}.custom-total-pieces strong{font-size:18px!important;line-height:1;color:#371e3c}

/* No outer black ring/circle on garment colour or custom-colour controls. */
.compact-controls .garment-colour-swatches button,
.compact-controls .garment-colour-swatches button.active,
.compact-controls .garment-colour-swatches button:hover,
.compact-controls .garment-colour-swatches button:focus,
.compact-controls .garment-colour-swatches button:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}
.compact-controls .garment-colour-swatches button.active{transform:scale(1.08)}
.compact-controls .custom-colour-swatch:before{border:0!important;box-shadow:none!important;outline:0!important}
.compact-controls .custom-colour-swatch:after{right:50%!important;bottom:50%!important;transform:translate(50%,50%)!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#211923!important;font-size:17px!important;font-weight:700!important}

/* Mobile + tablet off-canvas menu. Approximately 3/4 viewport width, full height. */
@media(max-width:1024px){
  .site-header{height:66px!important;grid-template-columns:42px minmax(0,1fr) auto!important;padding:0 14px!important;gap:8px!important;z-index:1003!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .mobile-menu{display:grid!important;width:40px!important;height:40px!important;place-items:center!important;border:0!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important}
  .mobile-menu .icon{width:23px!important;height:23px!important}
  .site-header>.logo-button{justify-self:center!important}.site-header>.logo-button .brand-copy{display:none!important}
  .site-header>.logo-button .brand-mark{width:38px!important;height:38px!important}
  .b2b-head-link,.install-link{display:none!important}.header-actions{gap:4px!important}.cart-head-link,.profile-head-link{width:38px!important;height:38px!important}

  .site-header nav{display:none!important}
  .site-header nav.open{display:flex!important;flex-direction:column!important;position:fixed!important;z-index:1002!important;left:0!important;right:auto!important;top:0!important;width:78vw!important;max-width:760px!important;height:100dvh!important;min-height:100vh!important;padding:0 16px max(18px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0 24px 24px 0!important;background:#fff!important;box-shadow:24px 0 60px rgba(36,21,40,.18)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;transform:none!important}
  .site-header nav.open:after{display:none!important}
  .site-header nav.open .drawer-top{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:94px!important;padding:10px 2px 12px!important;border-bottom:1px solid #eee8ef!important;flex:0 0 auto!important}
  .site-header nav.open .drawer-brand-button{display:flex!important;align-items:center!important;text-align:left!important;height:auto!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .site-header nav.open .drawer-brand-button:after{display:none!important}
  .site-header nav.open .drawer-brand-button .brand{display:flex!important;align-items:center!important;gap:10px!important}
  .site-header nav.open .drawer-brand-button .brand-mark{width:52px!important;height:52px!important}
  .site-header nav.open .drawer-brand-button .brand-copy{display:grid!important;gap:1px!important}
  .site-header nav.open .drawer-brand-button .brand-copy b{font-size:19px!important;line-height:1.1!important}
  .site-header nav.open .drawer-brand-button .brand-copy small{display:block!important;font-size:9px!important;color:#817683!important}
  .drawer-close{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:50%!important;background:#f4f1f5!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important}.drawer-close:after{display:none!important}.drawer-close .icon{display:block!important;width:21px!important;height:21px!important}

  .drawer-links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:18px 0 14px!important}
  .site-header nav.open .drawer-item,.site-header nav.open .drawer-divider~.drawer-item{display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:58px!important;height:auto!important;padding:0 13px!important;border:1px solid #eee8ef!important;border-radius:15px!important;background:#fff!important;box-shadow:0 7px 18px rgba(45,27,49,.035)!important;color:#221b25!important;text-align:left!important;font-size:13.5px!important;font-weight:700!important;line-height:1.2!important}
  .site-header nav.open .drawer-item:after{display:none!important}
  .site-header nav.open .drawer-item.active-menu{border-color:#ead8ee!important;background:linear-gradient(100deg,#f8edf9,#f5e7f8)!important;color:#741582!important}
  .site-header nav.open .drawer-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:inherit!important}.site-header nav.open .drawer-icon .icon{display:block!important;width:23px!important;height:23px!important}.site-header nav.open .drawer-item>.icon:last-child{display:block!important;width:16px!important;height:16px!important;color:#827783!important;transform:rotate(-90deg)!important}
  .site-header nav.open .drawer-divider{display:block!important;height:1px!important;background:#ece5ed!important;margin:4px 0 3px!important}
  .site-header nav.open .drawer-account{margin-top:auto!important;display:grid!important;grid-template-columns:46px minmax(0,1fr) 18px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:80px!important;height:auto!important;padding:12px!important;border:1px solid #e7dde9!important;border-radius:17px!important;background:#fff!important;text-align:left!important;color:#241d27!important;box-shadow:none!important;flex:0 0 auto!important}.site-header nav.open .drawer-account:after{display:none!important}.drawer-account-icon{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#f9eafb,#efe0f4);color:#7a1888;display:grid;place-items:center}.drawer-account-icon .icon{display:block!important;width:23px;height:23px}.drawer-account span:nth-child(2){display:grid;gap:3px}.drawer-account b{font-size:13px}.drawer-account small{font-size:9px;line-height:1.4;color:#8a7d8c}.drawer-account>.icon{display:block!important;width:16px;transform:rotate(-90deg);color:#796d7b}
  .menu-scrim{display:block!important;position:fixed!important;inset:0!important;z-index:1001!important;border:0!important;background:rgba(20,13,22,.48)!important;backdrop-filter:blur(2px)!important}

  /* Customizer is intentionally stacked and enlarged through tablet width. */
  .compact-designer .sub-header{height:64px!important;padding:0 14px!important}.compact-designer .step-label{font-size:9px!important}.compact-designer .cart-button{min-width:120px!important;height:44px!important;padding:0 12px!important;border-radius:12px!important;font-size:10px!important}.compact-designer .cart-button .icon{width:18px!important;height:18px!important}
  .compact-designer-layout{display:block!important}.compact-stage{height:auto!important;max-height:none!important;min-height:0!important;padding:14px 14px 20px!important;background:#faf8fb!important}.compact-designer-bar{gap:9px!important}.stage-garment-type{padding:12px!important;border-radius:14px!important}.stage-garment-type>label{font-size:10px!important;margin-bottom:9px!important}.stage-garment-type .garment-type-cards{gap:8px!important}.stage-garment-type .garment-type-cards button{min-height:62px!important;padding:9px!important;border-radius:11px!important}.stage-garment-type .garment-type-cards button b{font-size:11px!important}.stage-garment-type .garment-type-cards button small{font-size:9px!important}
  .compact-surface-tabs{height:54px!important;gap:6px!important}.compact-surface-tabs button{min-height:46px!important;font-size:9px!important;border-radius:10px!important}.compact-surface-tabs .short-label{font-size:9px!important}
  .compact-stage .stage-topline{margin:10px 2px 7px!important}.compact-stage .stage-topline span{font-size:8px!important;letter-spacing:.08em!important}
  .compact-shirt-canvas{height:min(620px,72vh)!important;min-height:520px!important;max-width:680px!important;margin:0 auto!important;border-radius:18px!important;background:linear-gradient(180deg,#f7f3f8,#eee8f0)!important}.compact-garment .garment-photo{max-width:94%!important;max-height:94%!important}.compact-garment .print-area{width:43%!important;height:47%!important}.compact-garment .print-area.surface-leftSleeve,.compact-garment .print-area.surface-rightSleeve{width:28%!important;height:32%!important}
  .compact-stage .drag-hint{position:static!important;max-width:680px!important;margin:10px auto 0!important;padding:0!important;background:transparent!important;font-size:9px!important;line-height:1.45!important;color:#786c7a!important}
  .compact-controls{padding:17px 14px 112px!important;background:#f6f2f7!important}.compact-controls .control-head{height:54px!important;border-radius:13px!important;padding:0 14px!important}.compact-controls .control-head>span{font-size:11px!important}.compact-controls .control-head small{font-size:9px!important}.compact-controls .control-block{padding:16px!important;margin-bottom:11px!important;border-radius:14px!important}.compact-controls .control-block>label,.compact-controls .selected-layer-title label{font-size:11px!important}.quick-layer-tools{gap:9px!important}.quick-layer-tools button{height:56px!important;border-radius:13px!important;font-size:11px!important}.quick-layer-tools button .icon{width:18px!important;height:18px!important}.material-quality-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.material-quality-cards button{min-height:74px!important;border-radius:12px!important}.material-quality-cards b{font-size:11px!important}.material-quality-cards small{font-size:9px!important;line-height:1.4!important}.garment-colour-swatches button{width:44px!important;height:44px!important}.choose-any-colour-row{font-size:11px!important}.layer-manager-head label{font-size:11px!important}.compact-controls .print-options button{min-height:60px!important;padding:9px 10px!important;border-radius:12px!important}.compact-controls .print-options b{font-size:10px!important}.compact-controls .print-options small{font-size:9px!important;line-height:1.3!important}.compact-controls .print-options strong{font-size:9px!important}.compact-controls .refined-total{padding:16px!important;border-radius:14px!important}.compact-controls .refined-total small{font-size:9px!important}.compact-controls .refined-total strong{font-size:24px!important}.compact-controls .refined-total span{font-size:9px!important;line-height:1.5!important}.compact-controls .refined-add{height:56px!important;border-radius:13px!important;font-size:11px!important}
  .custom-size-qty-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.custom-size-qty-grid label{padding:9px 7px!important}.custom-size-qty-grid input{height:46px!important;font-size:15px!important}
  .unlimited-layer-designer .layer-remove,.unlimited-layer-designer .layer-rotate{width:36px!important;height:36px!important;min-width:36px!important}
}

@media(max-width:600px){
  .site-header nav.open{width:78vw!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important;border-radius:0 21px 21px 0!important}
  .site-header nav.open .drawer-top{min-height:84px!important}.site-header nav.open .drawer-brand-button .brand-mark{width:46px!important;height:46px!important}.site-header nav.open .drawer-brand-button .brand-copy b{font-size:17px!important}.drawer-close{width:40px!important;height:40px!important;min-width:40px!important}
  .drawer-links{gap:8px!important;padding:14px 0 12px!important}.site-header nav.open .drawer-item,.site-header nav.open .drawer-divider~.drawer-item{min-height:54px!important;grid-template-columns:38px minmax(0,1fr) 16px!important;padding:0 11px!important;font-size:12.5px!important}.site-header nav.open .drawer-icon{width:32px!important;height:32px!important}.site-header nav.open .drawer-icon .icon{width:21px!important;height:21px!important}
  .compact-shirt-canvas{height:520px!important;min-height:520px!important}.material-quality-cards{grid-template-columns:1fr!important}.custom-size-qty-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:390px){.compact-shirt-canvas{height:480px!important;min-height:480px!important}.custom-size-qty-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* ===== v35.css ===== */
/* OneLine v35 — menu cleanup, accurate customizer colour, current-screen OTP */

/* Header: profile entry is intentionally not shown here. Account access stays in menu/bottom nav. */
.profile-head-link{display:none!important}

/* Categories page: cards only, no title or explanatory copy. */
.categories-only-page{padding-top:clamp(26px,5vw,58px)!important;padding-bottom:clamp(70px,9vw,120px)!important}
.categories-only-grid{margin-top:0!important}
.category-name-only>div:not(.category-photo){padding-bottom:18px!important}
.category-name-only h3{margin-bottom:0!important}
.category-name-only p{display:none!important}

/* Customizer garment: one recoloured bitmap, so selected colour and garment use the same RGB source. */
.compact-garment>.garment-colour-canvas{
  inset:auto!important;left:50%!important;top:50%!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:100%!important;object-fit:initial!important;
  transform:translate(-50%,-50%)!important;filter:drop-shadow(0 28px 22px rgba(46,20,52,.18))!important;
  opacity:1!important;mix-blend-mode:normal!important;border-radius:0!important;
}
.compact-garment>.garment-colour-canvas.sleeve-photo{width:auto!important;height:auto!important;max-width:84%!important;max-height:92%!important;inset:auto!important;filter:drop-shadow(0 24px 18px rgba(46,20,52,.17))!important;opacity:1!important}
.compact-garment>.garment-colour-canvas.mirror-sleeve{transform:translate(-50%,-50%) scaleX(-1)!important}

/* One clean size quantity surface; no card-inside-card look. */
.custom-size-quantity-control{border:1px solid #e7dfe9!important}
.custom-size-qty-grid{gap:0!important;border-top:1px solid #ece5ee!important;border-bottom:1px solid #ece5ee!important;padding:7px 0!important}
.custom-size-qty-grid label{padding:7px 8px!important;gap:7px!important;position:relative}
.custom-size-qty-grid label:not(:last-child):after{content:"";position:absolute;right:0;top:15%;height:70%;width:1px;background:#eee7ef}
.custom-size-qty-grid span{text-align:center!important;color:#5d4d61!important}
.custom-size-qty-grid input{height:42px!important;border:1px solid #ded5e1!important;border-radius:10px!important;background:#faf8fb!important}
.size-qty-heading{margin-bottom:10px!important}.size-qty-example{margin-top:10px!important}

@media(max-width:1024px){
  /* One full drawer surface. Individual nav rows are intentionally transparent. */
  .site-header nav.open{
    width:76vw!important;max-width:620px!important;height:100dvh!important;min-height:100vh!important;
    padding:0 18px max(28px,env(safe-area-inset-bottom))!important;border-radius:0 24px 24px 0!important;
    background:#fff!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
  }
  .site-header nav.open .drawer-top{
    min-height:112px!important;padding:22px 2px 18px!important;border-bottom:1px solid #ece6ed!important;
    align-items:center!important;flex:0 0 auto!important;
  }
  .site-header nav.open .drawer-brand-button .brand{gap:12px!important;align-items:center!important}
  .site-header nav.open .drawer-brand-button .brand-mark{width:54px!important;height:54px!important;flex:0 0 54px!important}
  .site-header nav.open .drawer-brand-button .brand-copy{gap:5px!important;line-height:1!important}
  .site-header nav.open .drawer-brand-button .brand-copy b{font-size:20px!important;line-height:1!important;letter-spacing:-.03em!important}
  .site-header nav.open .drawer-brand-button .brand-copy small{font-size:9px!important;line-height:1.35!important;letter-spacing:.095em!important;color:#8c7e8f!important}

  .drawer-links{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:12px 0 8px!important;flex:0 0 auto!important}
  .site-header nav.open .drawer-item,.site-header nav.open .drawer-divider~.drawer-item{
    min-height:54px!important;grid-template-columns:40px minmax(0,1fr) 18px!important;gap:10px!important;
    padding:0 5px!important;border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#251d28!important;font-size:13.5px!important;font-weight:720!important;
    position:relative!important;
  }
  .site-header nav.open .drawer-item:hover,.site-header nav.open .drawer-item:focus,.site-header nav.open .drawer-item:active{background:transparent!important;box-shadow:none!important}
  .site-header nav.open .drawer-item.active-menu{background:transparent!important;border:0!important;color:#7b1788!important}
  .site-header nav.open .drawer-item.active-menu:before{content:"";position:absolute;left:-18px;top:12px;bottom:12px;width:3px;border-radius:4px;background:#7b1788}
  .site-header nav.open .drawer-icon{width:34px!important;height:34px!important;background:transparent!important;border:0!important}
  .site-header nav.open .drawer-divider{margin:7px 0!important;background:#eee8ef!important}
  .site-header nav.open .drawer-account{margin:12px 0 0!important;flex:0 0 auto!important}
  .site-header nav.open .nav-install{background:transparent!important}

  .compact-garment>.garment-colour-canvas.sleeve-photo{max-width:94%!important;max-height:94%!important}
  .custom-size-qty-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}

@media(max-width:600px){
  .site-header nav.open{width:78vw!important;padding-left:16px!important;padding-right:16px!important;border-radius:0 21px 21px 0!important}
  .site-header nav.open .drawer-top{min-height:102px!important;padding-top:19px!important;padding-bottom:16px!important}
  .site-header nav.open .drawer-brand-button .brand-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
  .site-header nav.open .drawer-brand-button .brand-copy b{font-size:18px!important}
  .site-header nav.open .drawer-brand-button .brand-copy small{font-size:8.5px!important}
  .drawer-links{padding-top:9px!important}
  .site-header nav.open .drawer-item,.site-header nav.open .drawer-divider~.drawer-item{min-height:51px!important;font-size:12.8px!important;grid-template-columns:37px minmax(0,1fr) 16px!important}
  .custom-size-qty-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .custom-size-qty-grid label{padding:7px 5px!important}.custom-size-qty-grid input{height:41px!important;padding:0 4px!important}
}
@media(max-width:390px){
  .custom-size-qty-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .custom-size-qty-grid label:nth-child(3n):after{display:none}
}

/* Keep the account/sign-in row on the same single drawer surface too. */
@media(max-width:1024px){
  .site-header nav.open .drawer-account{
    margin-top:8px!important;padding:12px 5px!important;border:0!important;border-top:1px solid #eee8ef!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  .site-header nav.open .drawer-account:hover,.site-header nav.open .drawer-account:focus,.site-header nav.open .drawer-account:active{
    background:transparent!important;box-shadow:none!important;
  }
  .site-header nav.open .drawer-account-icon{background:transparent!important;border:0!important;border-radius:0!important}
}

/* ===== v36.css ===== */
/* OneLine v36 — centered sleeves, simpler quantities, sharper scrollable drawer, unrestricted artwork sizing, Quartz credit */

/* Sleeve editing: center the visible sleeve in the stage, then keep the editable print zone centered on it. */
.compact-garment > .garment-colour-canvas.sleeve-photo{
  left:50%!important;
  top:50%!important;
  transform:translate(-60%,-50%)!important;
}
.compact-garment > .garment-colour-canvas.sleeve-photo.mirror-sleeve{
  left:50%!important;
  transform:translate(-40%,-50%) scaleX(-1)!important;
}
.compact-garment .print-area.surface-leftSleeve,
.compact-garment .print-area.surface-rightSleeve{
  left:50%!important;
  top:47%!important;
  width:29%!important;
  height:34%!important;
  transform:translate(-50%,-50%)!important;
}

/* Saved cart/order previews use the same centered sleeve alignment. */
.real-garment-preview.preview-leftSleeve .sleeve-preview{
  transform:translateX(-10%)!important;
}
.real-garment-preview.preview-rightSleeve .sleeve-preview,
.real-garment-preview.preview-rightSleeve .sleeve-preview.show-rightSleeve{
  transform:translateX(10%) scaleX(-1)!important;
}
.real-garment-preview .garment-print-zone.zone-leftSleeve,
.real-garment-preview .garment-print-zone.zone-rightSleeve{
  left:50%!important;
  top:47%!important;
  width:29%!important;
  height:34%!important;
  transform:translate(-50%,-50%)!important;
}

/* Size quantities: simple single surface, with no divider lines around or between sizes. */
.custom-size-quantity-control{
  border:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.custom-size-qty-grid{
  border:0!important;
  padding:4px 0 0!important;
  gap:9px!important;
  background:transparent!important;
}
.custom-size-qty-grid label{
  border:0!important;
  padding:4px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.custom-size-qty-grid label:before,
.custom-size-qty-grid label:after,
.custom-size-qty-grid label:not(:last-child):after{
  display:none!important;
  content:none!important;
}
.custom-size-qty-grid span{
  font-size:10px!important;
  font-weight:800!important;
  color:#66586a!important;
}
.custom-size-qty-grid input{
  height:44px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f5f1f6!important;
  box-shadow:none!important;
  outline:0!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#241d27!important;
  text-align:center!important;
}
.custom-size-qty-grid input:focus{
  background:#eee7f0!important;
  box-shadow:0 0 0 2px rgba(115,26,129,.10)!important;
}
.size-qty-heading{margin-bottom:8px!important}
.size-qty-example{margin:9px 0 0!important;border:0!important;padding:0!important;background:transparent!important}


/* No fixed visual size cap for custom text or uploaded artwork. */
.unlimited-layer-designer .design-layer.text-layer{
  max-width:none!important;
  max-height:none!important;
  white-space:pre!important;
  overflow:visible!important;
}
.unlimited-layer-designer .design-layer.image-layer,
.unlimited-layer-designer .design-layer.image-layer img{
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
}
.unlimited-layer-designer .design-layer.image-layer img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* The removed instruction stays gone even if an older cached markup is briefly shown. */
.compact-stage .drag-hint{display:none!important}

/* Developer credit: intentionally light and simple. */
.developer-credit{
  width:100%;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  text-align:center;
  font-size:10px;
  line-height:1.4;
  color:#8b808d;
  background:transparent;
}
.developer-credit a{
  color:#5d4a62;
  text-decoration:none;
  font-weight:800;
}
.developer-credit a:hover{text-decoration:underline}
.footer-bottom .developer-credit-inline{
  color:inherit;
  text-decoration:none;
  font-weight:700;
}
.footer-bottom .developer-credit-inline:hover{text-decoration:underline}
.portal-credit{
  padding:4px 20px 24px;
  text-align:center;
  font-size:10px;
  color:#7c8472;
}
.portal-credit a{color:#4d593b;text-decoration:none;font-weight:800}
.portal-credit a:hover{text-decoration:underline}

@media(max-width:1024px){
  /* Sharp-edged full-height drawer. The drawer itself is the scroll container. */
  .site-header nav.open{
    width:76vw!important;
    max-width:620px!important;
    height:100dvh!important;
    min-height:100svh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    padding:0 18px max(116px,calc(86px + env(safe-area-inset-bottom)))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
    scroll-padding-bottom:120px!important;
  }
  .site-header nav.open .drawer-top{
    position:relative!important;
    min-height:112px!important;
    padding:22px 2px 18px!important;
  }
  .drawer-links,
  .site-header nav.open .drawer-item,
  .site-header nav.open .drawer-account{
    touch-action:pan-y!important;
  }
  .site-header nav.open .drawer-account{
    margin-top:8px!important;
    margin-bottom:8px!important;
  }
  .drawer-close{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
  }
  .drawer-close .icon{
    width:25px!important;
    height:25px!important;
    stroke-width:2.25!important;
  }
  .compact-garment .print-area.surface-leftSleeve,
  .compact-garment .print-area.surface-rightSleeve{
    left:50%!important;
    top:47%!important;
    width:31%!important;
    height:35%!important;
  }
}

@media(max-width:600px){
  .site-header nav.open{
    width:78vw!important;
    border-radius:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
    padding-bottom:max(122px,calc(92px + env(safe-area-inset-bottom)))!important;
  }
  .drawer-close{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  .drawer-close .icon{width:24px!important;height:24px!important}
  .compact-garment .print-area.surface-leftSleeve,
  .compact-garment .print-area.surface-rightSleeve{
    width:33%!important;
    height:36%!important;
  }
  .developer-credit{padding-bottom:calc(86px + env(safe-area-inset-bottom));font-size:9.5px}
}

/* ===== v37.css ===== */
/* OneLine v37 — OTP transport hardening + balanced customizer garment scale */

/*
  Keep every garment view on one visual scale. Front/back are a touch larger
  than v36; sleeve views use the same stage height and exact center point.
*/
.compact-shirt-canvas .compact-garment > .garment-colour-canvas{
  left:50%!important;
  top:50%!important;
  width:auto!important;
  height:97%!important;
  max-width:97%!important;
  max-height:97%!important;
  inset:auto!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
}
.compact-shirt-canvas.view-front .compact-garment > .garment-colour-canvas,
.compact-shirt-canvas.view-back .compact-garment > .garment-colour-canvas{
  height:99%!important;
  max-width:99%!important;
  max-height:99%!important;
}
.compact-shirt-canvas.view-leftSleeve .compact-garment > .garment-colour-canvas.sleeve-photo,
.compact-shirt-canvas.view-rightSleeve .compact-garment > .garment-colour-canvas.sleeve-photo{
  left:50%!important;
  top:50%!important;
  height:97%!important;
  width:auto!important;
  max-width:97%!important;
  max-height:97%!important;
  transform:translate(-50%,-50%)!important;
}
.compact-shirt-canvas.view-rightSleeve .compact-garment > .garment-colour-canvas.sleeve-photo.mirror-sleeve{
  transform:translate(-50%,-50%) scaleX(-1)!important;
}

/* Re-center sleeve print zones against the centered side-view garment. */
.compact-shirt-canvas.view-leftSleeve .print-area.surface-leftSleeve,
.compact-shirt-canvas.view-rightSleeve .print-area.surface-rightSleeve{
  left:50%!important;
  top:47%!important;
  width:30%!important;
  height:34%!important;
  transform:translate(-50%,-50%)!important;
}

@media(max-width:1024px){
  .compact-shirt-canvas .compact-garment > .garment-colour-canvas{height:98%!important;max-height:98%!important;max-width:98%!important}
  .compact-shirt-canvas.view-front .compact-garment > .garment-colour-canvas,
  .compact-shirt-canvas.view-back .compact-garment > .garment-colour-canvas{height:100%!important;max-height:100%!important;max-width:100%!important}
  .compact-shirt-canvas.view-leftSleeve .compact-garment > .garment-colour-canvas.sleeve-photo,
  .compact-shirt-canvas.view-rightSleeve .compact-garment > .garment-colour-canvas.sleeve-photo{height:98%!important;max-height:98%!important;max-width:98%!important}
  .compact-shirt-canvas.view-leftSleeve .print-area.surface-leftSleeve,
  .compact-shirt-canvas.view-rightSleeve .print-area.surface-rightSleeve{width:31%!important;height:35%!important}
}

@media(max-width:600px){
  /* Give the garment a little more usable room on phones without shrinking controls. */
  .compact-shirt-canvas{height:520px!important;min-height:520px!important}
  .compact-shirt-canvas.view-front .compact-garment > .garment-colour-canvas,
  .compact-shirt-canvas.view-back .compact-garment > .garment-colour-canvas{height:100%!important;max-height:100%!important}
  .compact-shirt-canvas.view-leftSleeve .compact-garment > .garment-colour-canvas.sleeve-photo,
  .compact-shirt-canvas.view-rightSleeve .compact-garment > .garment-colour-canvas.sleeve-photo{height:100%!important;max-height:100%!important}
  .compact-shirt-canvas.view-leftSleeve .print-area.surface-leftSleeve,
  .compact-shirt-canvas.view-rightSleeve .print-area.surface-rightSleeve{width:33%!important;height:36%!important}
}

/* ===== v38.css ===== */
/* OneLine v38 — restore the original home custom-studio card, model-matched sleeve views, and full customizer footer */

/* HOME: use the original on-work-cztms custom studio visual, isolated from the later v32 card redesign. */
.legacy-home-customizer{
  position:relative!important;
  overflow:hidden!important;
  background:#e9d7ed!important;
  border-left:0!important;
  background-image:none!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer;
}
.legacy-home-customizer:before{
  content:""!important;
  position:absolute!important;
  width:72%!important;
  height:70%!important;
  border:1px solid rgba(255,255,255,.85)!important;
  border-radius:44px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.27))!important;
  box-shadow:inset 0 1px 0 #fff,0 40px 90px rgba(63,17,73,.2)!important;
  transform:rotateY(-8deg) rotateX(4deg) rotateZ(-3deg)!important;
  backdrop-filter:blur(20px)!important;
}
.legacy-home-customizer .hero-grid-label{
  position:absolute!important;left:18px!important;top:16px!important;z-index:5!important;
  height:auto!important;padding:7px 10px!important;border:1px solid rgba(255,255,255,.3)!important;
  border-radius:10px!important;background:rgba(54,15,62,.9)!important;color:#fff!important;
  box-shadow:0 10px 25px rgba(64,16,78,.25)!important;font-size:9px!important;letter-spacing:.12em!important;
}
.legacy-home-customizer .hero-product-orbit{
  width:min(610px,83%)!important;height:78%!important;position:relative!important;z-index:2!important;
  display:grid!important;place-items:center!important;transform-style:preserve-3d!important;animation:garment-float 5s ease-in-out infinite!important;
}
.legacy-home-customizer .hero-product-orbit>img{
  width:88%!important;height:91%!important;max-height:none!important;object-fit:contain!important;position:relative!important;z-index:3!important;
  filter:drop-shadow(0 38px 28px rgba(43,18,48,.26))!important;animation:none!important;
}
.legacy-home-customizer .orbit-ring{
  position:absolute!important;width:73%!important;height:auto!important;aspect-ratio:1!important;border:1px solid rgba(116,16,125,.38)!important;
  border-radius:50%!important;opacity:1!important;box-shadow:0 0 0 32px rgba(255,255,255,.16),0 0 80px rgba(116,16,125,.18),inset 0 0 50px rgba(255,255,255,.55)!important;
  transform:rotateX(66deg) rotateZ(-12deg) translateZ(-20px)!important;
}
.legacy-home-customizer .hero-brand-badge{
  position:absolute!important;right:2%!important;bottom:14%!important;z-index:5!important;min-width:0!important;max-width:none!important;
  padding:10px 13px 10px 8px!important;display:flex!important;align-items:center!important;gap:7px!important;
  border:1px solid rgba(84,49,90,.18)!important;border-radius:15px!important;background:rgba(255,255,255,.78)!important;
  box-shadow:0 15px 35px rgba(61,25,68,.18)!important;backdrop-filter:blur(18px)!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;
}
.legacy-home-customizer .hero-brand-badge img{display:block!important;width:35px!important;height:35px!important;padding:0!important;border-radius:0!important;background:transparent!important;object-fit:contain!important}
.legacy-home-customizer .hero-brand-badge span{display:inline!important;color:#241b27!important;white-space:nowrap!important}
.legacy-home-customizer .floating-tool{
  position:absolute!important;z-index:5!important;min-width:128px!important;height:42px!important;padding:0 13px!important;
  display:flex!important;align-items:center!important;gap:10px!important;border:1px solid rgba(85,51,91,.16)!important;border-radius:12px!important;
  background:rgba(255,255,255,.88)!important;box-shadow:inset 0 1px 0 #fff,0 15px 30px rgba(60,26,68,.15)!important;
  backdrop-filter:blur(14px)!important;font-size:11px!important;font-weight:800!important;
}
.legacy-home-customizer .tool-a{left:4%!important;top:31%!important}
.legacy-home-customizer .tool-b{right:3%!important;top:49%!important}
.legacy-home-customizer .tool-c{left:9%!important;bottom:18%!important}
.legacy-home-customizer .visual-cta{
  position:absolute!important;left:auto!important;right:0!important;bottom:0!important;transform:none!important;z-index:6!important;
  width:225px!important;height:64px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  border:0!important;border-radius:18px 0 0 0!important;background:linear-gradient(145deg,#821188,#4d0c5a)!important;color:#fff!important;
  box-shadow:-15px -10px 35px rgba(64,16,78,.15)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;
}

/* CUSTOMIZER: every garment model gets its own matching left/right sleeve artwork. Keep all four views centered on one stage. */
.compact-shirt-canvas .compact-garment>.garment-colour-canvas{
  left:50%!important;top:50%!important;inset:auto!important;
  width:88%!important;height:auto!important;max-width:88%!important;max-height:88%!important;
  object-fit:contain!important;transform:translate(-50%,-50%)!important;transform-origin:center center!important;
}
.compact-shirt-canvas.view-leftSleeve .compact-garment>.garment-colour-canvas.sleeve-photo,
.compact-shirt-canvas.view-rightSleeve .compact-garment>.garment-colour-canvas.sleeve-photo{
  left:50%!important;top:50%!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:96%!important;
  transform:translate(-50%,-50%)!important;border-radius:0!important;
}
.compact-shirt-canvas.view-leftSleeve .print-area.surface-leftSleeve{
  left:38%!important;top:43%!important;width:27%!important;height:31%!important;transform:translate(-50%,-50%) rotate(-2deg)!important;
}
.compact-shirt-canvas.view-rightSleeve .print-area.surface-rightSleeve{
  left:62%!important;top:43%!important;width:27%!important;height:31%!important;transform:translate(-50%,-50%) rotate(2deg)!important;
}
.real-garment-preview.preview-leftSleeve .sleeve-preview,
.real-garment-preview.preview-rightSleeve .sleeve-preview,
.real-garment-preview.preview-rightSleeve .sleeve-preview.show-rightSleeve{transform:none!important}
.real-garment-preview .garment-print-zone.zone-leftSleeve{left:38%!important;top:43%!important;width:27%!important;height:31%!important;transform:translate(-50%,-50%) rotate(-2deg)!important}
.real-garment-preview .garment-print-zone.zone-rightSleeve{left:62%!important;top:43%!important;width:27%!important;height:31%!important;transform:translate(-50%,-50%) rotate(2deg)!important}

/* The normal OneLine footer now follows the designer. It includes the OneLine details and keeps Quartz as the final credit line. */
.customizer-screen-wrap>footer{margin-top:0!important}

@media(max-width:760px){
  .legacy-home-customizer{width:100%!important;min-width:0!important;min-height:520px!important;height:min(620px,72svh)!important;border-top:1px solid #eadfea!important}
  .legacy-home-customizer:before{width:82%!important;height:72%!important;border-radius:32px!important}
  .legacy-home-customizer .hero-product-orbit{width:98%!important;height:82%!important;max-width:98%!important}
  .legacy-home-customizer .hero-product-orbit>img{width:94%!important;height:92%!important}
  .legacy-home-customizer .hero-brand-badge{right:4%!important;bottom:13%!important}
  .legacy-home-customizer .floating-tool{min-width:105px!important;height:36px!important;padding:0 9px!important;font-size:8px!important;max-width:42vw!important}
  .legacy-home-customizer .tool-a{left:2%!important;top:26%!important}.legacy-home-customizer .tool-b{right:1%!important;top:47%!important}.legacy-home-customizer .tool-c{left:7%!important;bottom:20%!important}
  .legacy-home-customizer .visual-cta{height:55px!important;width:min(190px,58vw)!important}
  .compact-shirt-canvas .compact-garment>.garment-colour-canvas{width:90%!important;max-width:90%!important;max-height:90%!important}
  .compact-shirt-canvas.view-leftSleeve .compact-garment>.garment-colour-canvas.sleeve-photo,
  .compact-shirt-canvas.view-rightSleeve .compact-garment>.garment-colour-canvas.sleeve-photo{width:100%!important;max-width:100%!important;max-height:96%!important}
  .compact-shirt-canvas.view-leftSleeve .print-area.surface-leftSleeve{left:37%!important;width:29%!important;height:32%!important}
  .compact-shirt-canvas.view-rightSleeve .print-area.surface-rightSleeve{left:63%!important;width:29%!important;height:32%!important}
}
@media(max-width:390px){
  .legacy-home-customizer{min-height:480px!important}
  .legacy-home-customizer .hero-grid-label{left:14px!important;top:14px!important}
  .compact-shirt-canvas .compact-garment>.garment-colour-canvas{width:92%!important;max-width:92%!important}
}

/* ===== v39.css ===== */
/* OneLine v39 — restore only the editable garment images to the original on-work-cztms customizer model. */

.old-model-designer .compact-garment > .garment-photo,
.old-model-designer .compact-garment > .garment-tint{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:0!important;
  user-select:none!important;
  pointer-events:none!important;
}
.old-model-designer .compact-garment > .garment-photo{
  filter:grayscale(1)!important;
  opacity:1!important;
  transform:none!important;
}
.old-model-designer .compact-garment > .garment-tint{
  opacity:.88!important;
  mix-blend-mode:multiply!important;
  transform:none!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:contain!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:contain!important;
}
.old-model-designer .compact-garment > .sleeve-photo,
.old-model-designer .compact-garment > .sleeve-tint{
  inset:4% 8%!important;
  left:8%!important;
  top:4%!important;
  width:84%!important;
  height:92%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:18px!important;
}
.old-model-designer .compact-garment > .mirror-sleeve{
  transform:scaleX(-1)!important;
}
.old-model-designer .compact-garment .print-area{
  left:50%!important;
  top:47%!important;
  width:31%!important;
  height:43%!important;
  transform:translate(-50%,-50%)!important;
}
.old-model-designer .compact-garment .print-area.surface-back{
  left:50%!important;
  top:47%!important;
  width:33%!important;
  height:45%!important;
  transform:translate(-50%,-50%)!important;
}
.old-model-designer .compact-garment .print-area.surface-leftSleeve{
  left:42%!important;
  top:43%!important;
  width:20%!important;
  height:29%!important;
  transform:translate(-50%,-50%) rotate(-2deg)!important;
}
.old-model-designer .compact-garment .print-area.surface-rightSleeve{
  left:58%!important;
  top:43%!important;
  width:20%!important;
  height:29%!important;
  transform:translate(-50%,-50%) rotate(2deg)!important;
}
@media(max-width:760px){
  .old-model-designer .compact-garment > .sleeve-photo,
  .old-model-designer .compact-garment > .sleeve-tint{
    inset:3%!important;
    left:3%!important;
    top:3%!important;
    width:94%!important;
    height:94%!important;
    border-radius:12px!important;
  }
  .old-model-designer .compact-garment .print-area{
    left:50%!important;
    top:48%!important;
    width:39%!important;
    height:43%!important;
    transform:translate(-50%,-50%)!important;
  }
  .old-model-designer .compact-garment .print-area.surface-back{
    left:50%!important;
    top:48%!important;
    width:40%!important;
    height:45%!important;
    transform:translate(-50%,-50%)!important;
  }
  .old-model-designer .compact-garment .print-area.surface-leftSleeve{
    left:42%!important;
    top:43%!important;
    width:24%!important;
    height:29%!important;
    transform:translate(-50%,-50%)!important;
  }
  .old-model-designer .compact-garment .print-area.surface-rightSleeve{
    left:58%!important;
    top:43%!important;
    width:24%!important;
    height:29%!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* ===== v40.css ===== */
/* v40: persistent customer profile additions only. Customizer styles are intentionally untouched. */
.profile-full-form{max-width:560px!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}
.profile-full-form>label:first-child,.profile-full-form>.profile-phone-fixed,.profile-full-form>div:last-child{grid-column:1/-1}
.profile-full-form label small i{font-style:normal;font-weight:500;letter-spacing:0;text-transform:none;color:#aaa0ac}
.profile-full-form input{width:100%}
.profile-phone-fixed{grid-template-columns:minmax(0,1fr) auto!important}
.profile-phone-fixed span{font-size:9px;color:#918494;text-align:right;align-self:center}
.profile-extra-lines{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.profile-extra-lines span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid #e6dde8;border-radius:999px;background:#faf7fb;color:#615465;font-size:10px;font-weight:650}
.profile-phone-line{font-variant-numeric:tabular-nums}
@media(max-width:640px){.profile-full-form{grid-template-columns:1fr}.profile-full-form>label:first-child,.profile-full-form>.profile-phone-fixed,.profile-full-form>div:last-child{grid-column:auto}.profile-phone-fixed{grid-template-columns:1fr!important}.profile-phone-fixed span{text-align:left}.profile-full-form>div:last-child{display:grid;grid-template-columns:1fr 1fr}.profile-full-form>div:last-child .primary,.profile-full-form>div:last-child .secondary{width:100%}}

/* ===== v42.css ===== */
/* OneLine v42 — desktop spacing + always-visible profile access.
   Customizer garment positioning is intentionally untouched. */

/* Header: profile is available in the header on every viewport. */
.profile-head-link,.cart-head-link{
  width:42px;height:42px;min-width:42px;display:grid;place-items:center;
  border:1px solid rgba(91,55,97,.16);border-radius:12px;background:#fff;
  color:#4d1856;box-shadow:0 8px 20px rgba(55,27,61,.07);cursor:pointer;
}
.profile-head-link .icon,.cart-head-link .icon{width:20px;height:20px}
.profile-head-link:hover,.cart-head-link:hover,.profile-head-link.active{
  border-color:rgba(116,16,125,.28);background:#f7eef8;color:#74107d;
}
.header-actions{display:flex!important;align-items:center!important;gap:8px!important}

/* Balanced desktop rhythm. */
@media(min-width:1200px){
  .section-wrap{width:min(1320px,calc(100vw - 64px))!important}
  .catalog-page{width:min(1420px,100%)!important;margin-inline:auto!important;padding-left:32px!important;padding-right:32px!important}
  .responsive-catalog-grid,.home-product-grid,.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
  .real-category-grid,.equal-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;border:0!important}
  .real-category-card,.real-category-card.category-block{border:1px solid #e7dfe8!important;border-radius:18px!important;overflow:hidden!important;min-height:0!important;grid-column:span 1!important}
  .real-category-card.category-block:first-child{grid-column:span 1!important}
  .real-category-card .category-photo{border-bottom:1px solid #eee7ef!important;border-radius:0!important}
  .catalog-category-group{margin-bottom:56px!important}
  .catalog-category-heading{margin-bottom:18px!important}
  .product-card{border-radius:18px!important;overflow:hidden!important}
  .product-info{padding:15px 15px 18px!important;min-height:128px!important;display:grid!important;align-content:start!important;gap:6px!important}
  .product-info h3{font-size:16px!important;line-height:1.25!important;min-height:40px!important;margin:0!important}
  .product-info>p{font-size:9px!important;line-height:1.4!important;margin:0!important}
  .price-row{margin-top:2px!important}
  .price-row strong{font-size:17px!important}
  .product-image-wrap{aspect-ratio:3/4!important;height:auto!important;min-height:0!important}
  .product-slide-progress{margin:0 14px!important}
  .section-heading{margin-bottom:26px!important}
  .section-heading h2{max-width:850px!important}
  .bulk-banner{width:min(1320px,calc(100vw - 64px))!important;margin-left:auto!important;margin-right:auto!important}
  footer .footer-main{width:min(1320px,calc(100vw - 64px))!important;margin-inline:auto!important}
}

/* Laptop/tablet spacing — avoid cramped 4/5-column cards. */
@media(min-width:761px) and (max-width:1199px){
  .section-wrap{width:calc(100% - 40px)!important;padding-left:0!important;padding-right:0!important}
  .catalog-page{padding-left:20px!important;padding-right:20px!important}
  .responsive-catalog-grid,.home-product-grid,.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
  .real-category-grid,.equal-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;border:0!important}
  .real-category-card,.real-category-card.category-block{grid-column:span 1!important;border:1px solid #e7dfe8!important;border-radius:16px!important;overflow:hidden!important}
  .real-category-card.category-block:first-child{grid-column:span 1!important}
  .product-card{min-width:0!important}
  .product-info{padding:12px 12px 15px!important;min-height:112px!important}
  .product-info h3{font-size:14px!important;line-height:1.25!important}
}

/* Header sizing across tablet/mobile. */
@media(max-width:1024px){
  .profile-head-link,.cart-head-link{display:grid!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}
  .profile-head-link .icon,.cart-head-link .icon{width:19px!important;height:19px!important}
  .header-actions{gap:4px!important}
}
@media(max-width:420px){
  .site-header{padding-left:10px!important;padding-right:10px!important}
  .profile-head-link,.cart-head-link{width:36px!important;height:36px!important;min-width:36px!important}
  .header-actions{gap:3px!important}
}

/* General card spacing without altering the customizer. */
@media(min-width:761px){
  .cart-layout,.checkout-layout{gap:22px!important}
  .cart-list,.order-summary,.checkout-card,.mini-summary{border-radius:18px!important}
  .improved-cart-item{margin-bottom:12px!important}
  .profile-page .clean-card,.orders-page .clean-card{border-radius:20px!important}
}


/* ===== v43 final overrides ===== */
.profile-head-link{display:grid!important}
@media(min-width:1025px){.profile-head-link{display:grid!important}}

/* ===== v44.css ===== */
/* OneLine v44 — cart spacing + responsive layout hardening.
   This block intentionally stays last so older cart experiments cannot win the cascade. */

/* Prevent grid children from forcing horizontal overflow at awkward viewport widths. */
.simple-cart-page,
.simple-cart-page .cart-layout,
.simple-cart-page .cart-list,
.simple-cart-page .improved-cart-item,
.simple-cart-page .cart-item-info,
.simple-cart-page .clean-order-summary{
  min-width:0!important;
}

.simple-cart-page{
  padding-top:42px!important;
  padding-bottom:88px!important;
  overflow-x:clip;
}
.simple-cart-page .cart-title{
  align-items:flex-end!important;
  gap:28px!important;
  margin-bottom:26px!important;
}
.simple-cart-page .cart-title>div{
  min-width:0;
  max-width:760px;
}
.simple-cart-page .cart-title h1{
  margin:8px 0 10px!important;
  font-size:clamp(54px,5.2vw,72px)!important;
  line-height:.9!important;
}
.simple-cart-page .cart-title p{
  margin:0!important;
  max-width:680px;
  color:#504954;
  font-size:13px!important;
  line-height:1.55!important;
}
.simple-cart-page .cart-title .back-button{
  flex:0 0 auto;
  align-self:flex-end;
  margin-bottom:2px;
}

/* Desktop cart: the first column now exactly matches the thumbnail width.
   This fixes the image/text collision visible in the supplied desktop screenshot. */
.simple-cart-page .cart-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(300px,24vw,330px)!important;
  gap:24px!important;
  align-items:start!important;
}
.simple-cart-page .cart-list{
  display:grid!important;
  gap:14px!important;
  align-content:start;
}
.simple-cart-page .improved-cart-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr) 102px 34px!important;
  grid-template-rows:auto!important;
  gap:18px!important;
  align-items:center!important;
  min-height:190px!important;
  margin:0!important;
  padding:15px!important;
  overflow:hidden!important;
}
.simple-cart-page .cart-ready-preview,
.simple-cart-page .cart-custom-preview{
  grid-column:1!important;
  grid-row:1!important;
  width:160px!important;
  min-width:160px!important;
  height:auto!important;
  aspect-ratio:3/4!important;
  align-self:center!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.simple-cart-page .cart-item-info{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  padding:2px 0!important;
}
.simple-cart-page .cart-item-info>span{
  display:block;
  margin-bottom:5px;
  line-height:1.35!important;
}
.simple-cart-page .cart-item-info h3{
  margin:0 0 6px!important;
  font-size:18px!important;
  line-height:1.18!important;
  overflow-wrap:anywhere;
}
.simple-cart-page .cart-item-info p{
  margin:0 0 9px!important;
  font-size:10px!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
}
.simple-cart-page .cart-bulk-breakdown{
  margin:8px 0!important;
  gap:6px!important;
}
.simple-cart-page .cart-bulk-breakdown span{
  max-width:100%;
  line-height:1.25!important;
  white-space:normal;
}
.simple-cart-page .cart-design-meta{
  margin:7px 0!important;
}
.simple-cart-page .cart-item-info>strong{
  display:block;
  margin-top:8px;
  font-size:18px;
  line-height:1.2;
}
.simple-cart-page .qty-static,
.simple-cart-page .qty-control{
  grid-column:3!important;
  grid-row:1!important;
  position:static!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
}
.simple-cart-page .qty-static{
  min-width:52px!important;
}
.simple-cart-page .qty-static b{
  font-size:18px!important;
  line-height:1!important;
}
.simple-cart-page .qty-static small{
  margin-top:5px;
  font-size:8px!important;
}
.simple-cart-page .remove-item{
  grid-column:4!important;
  grid-row:1!important;
  position:static!important;
  justify-self:center!important;
  align-self:center!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border-radius:10px!important;
}
.simple-cart-page .remove-item:hover{
  background:#f7f2f7!important;
  color:#a63049!important;
}
.simple-cart-page .remove-item .icon{
  width:17px!important;
  height:17px!important;
}

.simple-cart-page .clean-order-summary{
  top:94px!important;
  width:100%!important;
  margin:0!important;
  padding:22px!important;
}
.simple-cart-page .clean-order-summary>.eyebrow{
  display:block;
  margin-bottom:14px;
}
.simple-cart-page .clean-order-summary .summary-line{
  margin:0!important;
  padding:10px 0!important;
}
.simple-cart-page .clean-order-summary .summary-total{
  margin:11px 0 0!important;
  padding:18px 0 0!important;
}
.simple-cart-page .clean-order-summary>small{
  margin:10px 0 17px!important;
}
.simple-cart-page .clean-order-summary>.primary{
  min-height:48px!important;
}
.simple-cart-page .clean-order-summary .cart-edit-design{
  min-height:38px!important;
  margin-top:8px!important;
}

/* Laptop: retain two columns but reduce media/action widths proportionally. */
@media(min-width:1051px) and (max-width:1199px){
  .simple-cart-page{padding-top:38px!important}
  .simple-cart-page .cart-title{margin-bottom:24px!important}
  .simple-cart-page .cart-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}
  .simple-cart-page .improved-cart-item{grid-template-columns:138px minmax(0,1fr) 96px 32px!important;gap:14px!important;min-height:170px!important;padding:13px!important}
  .simple-cart-page .cart-ready-preview,.simple-cart-page .cart-custom-preview{width:138px!important;min-width:138px!important}
  .simple-cart-page .cart-item-info h3{font-size:17px!important}
  .simple-cart-page .clean-order-summary{padding:19px!important}
}

/* Tablet / small laptop: stack the summary instead of crushing the product card. */
@media(min-width:761px) and (max-width:1050px){
  .simple-cart-page{padding-top:34px!important;padding-bottom:74px!important}
  .simple-cart-page .cart-title{margin-bottom:22px!important;gap:18px!important}
  .simple-cart-page .cart-title h1{font-size:58px!important}
  .simple-cart-page .cart-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .simple-cart-page .improved-cart-item{grid-template-columns:138px minmax(0,1fr) 96px 34px!important;gap:15px!important;min-height:170px!important;padding:13px!important}
  .simple-cart-page .cart-ready-preview,.simple-cart-page .cart-custom-preview{width:138px!important;min-width:138px!important}
  .simple-cart-page .clean-order-summary{position:static!important;max-width:none!important;padding:20px!important}
  .simple-cart-page .clean-order-summary .summary-line{padding:8px 0!important}
}

/* Phones: use a true two-column card. Thumbnail spans both rows and actions sit below details. */
@media(max-width:760px){
  .simple-cart-page{
    width:100%!important;
    padding:24px 14px calc(94px + env(safe-area-inset-bottom))!important;
  }
  .simple-cart-page .cart-title{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:10px 14px!important;
    margin-bottom:18px!important;
  }
  .simple-cart-page .cart-title>div{max-width:none!important}
  .simple-cart-page .cart-title h1{font-size:44px!important;margin:6px 0 8px!important}
  .simple-cart-page .cart-title p{font-size:11px!important;line-height:1.5!important;max-width:34rem!important}
  .simple-cart-page .cart-title .back-button{align-self:start!important;margin-top:4px!important;margin-bottom:0!important;white-space:nowrap}
  .simple-cart-page .cart-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  .simple-cart-page .cart-list{gap:10px!important}
  .simple-cart-page .improved-cart-item{
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:8px!important;
    align-items:start!important;
    min-height:0!important;
    padding:10px!important;
    border-radius:15px!important;
  }
  .simple-cart-page .cart-ready-preview,
  .simple-cart-page .cart-custom-preview{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:96px!important;
    min-width:96px!important;
    height:auto!important;
    aspect-ratio:3/4!important;
    align-self:start!important;
    border-radius:11px!important;
  }
  .simple-cart-page .cart-item-info{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    padding:1px 30px 0 0!important;
  }
  .simple-cart-page .cart-item-info>span{font-size:7.5px!important;margin-bottom:4px!important}
  .simple-cart-page .cart-item-info h3{font-size:15px!important;line-height:1.2!important;margin-bottom:5px!important}
  .simple-cart-page .cart-item-info p{font-size:8.5px!important;line-height:1.45!important;margin-bottom:6px!important}
  .simple-cart-page .cart-bulk-breakdown{gap:4px!important;margin:6px 0!important}
  .simple-cart-page .cart-bulk-breakdown span{font-size:8px!important;padding:4px 7px!important}
  .simple-cart-page .cart-design-meta{gap:4px!important;margin:5px 0!important}
  .simple-cart-page .cart-design-meta span,.simple-cart-page .cart-design-meta b{font-size:7px!important}
  .simple-cart-page .cart-item-info>strong{font-size:15px!important;margin-top:6px!important}
  .simple-cart-page .qty-static,
  .simple-cart-page .qty-control{
    grid-column:2!important;
    grid-row:2!important;
    position:static!important;
    justify-self:start!important;
    align-self:end!important;
    margin:0!important;
  }
  .simple-cart-page .qty-static{
    min-width:0!important;
    display:flex!important;
    align-items:baseline!important;
    gap:5px!important;
  }
  .simple-cart-page .qty-static b{font-size:15px!important}
  .simple-cart-page .qty-static small{margin:0!important;font-size:7.5px!important}
  .simple-cart-page .qty-control{height:34px!important}
  .simple-cart-page .qty-control button{width:32px!important;height:32px!important}
  .simple-cart-page .qty-control span{width:28px!important}
  .simple-cart-page .remove-item{
    position:absolute!important;
    right:8px!important;
    top:8px!important;
    width:30px!important;
    height:30px!important;
    border-radius:9px!important;
  }
  .simple-cart-page .remove-item .icon{width:15px!important;height:15px!important}
  .simple-cart-page .clean-order-summary{padding:17px!important;border-radius:15px!important}
  .simple-cart-page .clean-order-summary>.eyebrow{margin-bottom:10px!important}
  .simple-cart-page .clean-order-summary .summary-line{padding:7px 0!important;font-size:11px!important}
  .simple-cart-page .clean-order-summary .summary-total{padding-top:15px!important}
  .simple-cart-page .clean-order-summary .summary-total strong{font-size:25px!important}
  .simple-cart-page .clean-order-summary>small{font-size:9px!important;margin:8px 0 14px!important}
}

@media(max-width:390px){
  .simple-cart-page{padding-left:10px!important;padding-right:10px!important}
  .simple-cart-page .cart-title{grid-template-columns:1fr!important}
  .simple-cart-page .cart-title .back-button{grid-row:1!important;justify-self:end!important;margin-bottom:-28px!important;z-index:1}
  .simple-cart-page .cart-title h1{font-size:41px!important}
  .simple-cart-page .improved-cart-item{grid-template-columns:88px minmax(0,1fr)!important;column-gap:10px!important;padding:9px!important}
  .simple-cart-page .cart-ready-preview,.simple-cart-page .cart-custom-preview{width:88px!important;min-width:88px!important}
  .simple-cart-page .cart-item-info{padding-right:27px!important}
  .simple-cart-page .cart-item-info h3{font-size:14px!important}
}


/* ===== v45 Customization Catalogue ===== */
.custom-catalog-home{padding-top:54px;padding-bottom:58px}
.custom-catalog-home .section-heading p{max-width:680px}
.custom-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.custom-catalog-category{position:relative;min-width:0;background:#fff;border:1px solid rgba(20,12,24,.09);border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.custom-catalog-category:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(36,14,42,.09);border-color:rgba(111,17,125,.22)}
.custom-category-image{aspect-ratio:4/3;background:#f4f1f5;overflow:hidden}
.custom-category-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.custom-catalog-category:hover .custom-category-image img{transform:scale(1.025)}
.custom-category-copy{padding:17px 18px 20px;min-width:0}
.custom-category-copy>span{display:block;font-size:10px;letter-spacing:.13em;color:#8c818f;margin-bottom:7px}
.custom-category-copy h3{font-size:18px;line-height:1.2;margin:0;color:#19131d}
.custom-category-copy p{font-size:12px;line-height:1.55;color:#746d78;margin:8px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.custom-category-arrow{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5f0f6;color:#6c1475}
.custom-category-arrow .icon{width:15px;height:15px}
.custom-category-share{top:12px;right:12px}
.custom-catalog-page,.custom-category-page{padding-top:46px;padding-bottom:70px;min-height:70vh}
.custom-catalog-title,.custom-category-title{margin-bottom:30px}
.custom-catalog-main-share,.custom-item-share{display:inline-flex!important;align-items:center;gap:7px}
.custom-catalog-main-share .icon,.custom-item-share .icon{width:17px;height:17px}
.full-custom-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.custom-idea-card .product-info{min-width:0}
.custom-idea-info>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#777078;font-size:12px;line-height:1.45;margin-top:7px}
.custom-enquire-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #eee8ef;font-size:12px;font-weight:700;color:#74137f}
.custom-enquire-label .icon{width:15px;height:15px}
.custom-item-page .product-full-back{display:flex;align-items:center;justify-content:space-between;gap:14px}
.custom-item-inner{align-items:start}
.custom-reference-pill{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f4edf5;color:#6c1475;font-size:10px;letter-spacing:.11em;font-weight:800;margin:3px 0 16px}
.custom-enquiry-note{display:grid;gap:5px;padding:16px 18px;border-radius:16px;background:#faf7fb;border:1px solid #eee4f0;margin:22px 0 16px}
.custom-enquiry-note b{font-size:13px}.custom-enquiry-note span{color:#746d78}
.custom-catalog-enquiry-button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px}
.custom-catalog-enquiry-button .icon{width:18px;height:18px}
@media(max-width:1100px){.custom-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.full-custom-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.custom-catalog-home{padding-top:34px;padding-bottom:40px}.custom-category-grid,.full-custom-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-category-copy{padding:13px 13px 16px}.custom-category-copy h3{font-size:15px}.custom-category-copy p{font-size:11px}.custom-category-arrow{display:none}.custom-catalog-page,.custom-category-page{padding-top:26px}.custom-catalog-main-share span,.custom-item-share span{display:none}.custom-item-page .product-full-back{padding-right:14px}.custom-enquiry-note{margin-top:16px}}
@media(max-width:420px){.custom-category-grid,.full-custom-category-grid{gap:9px}.custom-catalog-category{border-radius:16px}.custom-category-copy h3{font-size:14px}.custom-category-copy>span{font-size:8px}.custom-category-share{width:31px;height:31px}}

/* v45 desktop header fit — keep the extra Custom Catalogue link clean on laptops/desktops */
@media(min-width:1025px){
  .site-header{grid-template-columns:minmax(185px,225px) minmax(0,1fr) auto!important;gap:12px!important;padding-left:clamp(18px,2.2vw,34px)!important;padding-right:clamp(18px,2.2vw,34px)!important}
  .site-header nav{min-width:0!important;gap:clamp(11px,1.25vw,21px)!important;justify-content:center!important}
  .site-header nav .drawer-item{font-size:clamp(10px,.82vw,12px)!important;white-space:nowrap!important;padding-left:0!important;padding-right:0!important}
  .header-actions{gap:7px!important;white-space:nowrap!important}
}
@media(min-width:1025px) and (max-width:1180px){
  .site-header{grid-template-columns:minmax(150px,190px) minmax(0,1fr) auto!important;padding-left:16px!important;padding-right:16px!important}
  .site-header nav{gap:10px!important}
  .site-header nav .drawer-item{font-size:10px!important}
  .site-header .brand-copy small{display:none!important}
  .header-actions .install-button span{display:none!important}
  .header-actions .install-button{width:42px!important;padding:0!important;justify-content:center!important}
}


/* ===== v47 Custom Catalogue enquiry polish ===== */
.custom-catalog-rate{display:block;margin:5px 0 2px;color:#681273;font-size:14px;font-weight:850}.custom-item-rate{width:max-content;margin:8px 0 14px;padding:8px 12px;border-radius:10px;background:#f7eef8;color:#64116f;font-size:20px;font-weight:900}.custom-catalog-enquiry-button.sent{background:#eef6e6!important;color:#315116!important;border:1px solid #cfe1bb!important}.auth-intro{margin:-2px 0 14px;color:#746d77;font-size:12px;line-height:1.5}.custom-enquiry-note b{font-size:14px}.custom-enquiry-note span{font-size:12px;line-height:1.5}
@media(max-width:640px){.custom-item-rate{font-size:18px}.custom-catalog-enquiry-button{min-height:52px;font-size:14px}.simple-auth-card h2{font-size:22px}.simple-auth-card input{min-height:50px;font-size:15px}.simple-auth-card .primary{min-height:50px;font-size:14px}}

/* ===== v48 Custom Catalogue media + navigation polish ===== */
.custom-catalog-view-button{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:0 18px!important;
  border:1px solid #2d2030!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#241927 0%,#64116f 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  box-shadow:0 10px 28px rgba(70,19,79,.18)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.custom-catalog-view-button .icon{width:16px!important;height:16px!important;transition:transform .2s ease!important}
.custom-catalog-view-button:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(70,19,79,.24)!important;filter:brightness(1.04)!important}
.custom-catalog-view-button:hover .icon{transform:translateX(3px)!important}
.custom-catalog-view-button:focus-visible{outline:3px solid rgba(100,17,111,.2)!important;outline-offset:3px!important}

/* Custom Catalogue item photos use the requested portrait 3:4 ratio. */
.custom-idea-card .product-image-wrap.ratio-3x4{aspect-ratio:3/4!important;height:auto!important;background:#f3eff3!important}
.custom-idea-card .product-image-wrap.ratio-3x4 img{width:100%!important;height:100%!important;object-fit:cover!important}
.custom-item-page.product-fullscreen{background:#fff!important}
.custom-item-page .custom-item-inner{overflow:visible!important}
.custom-item-page .product-full-media{
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-right:1px solid #e5dfe6!important;
  background:transparent!important;
}
.custom-item-page .detail-slider{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;background:transparent!important}
.custom-item-page .detail-slider-frame{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:1/1!important;
  border:0!important;
  border-radius:0!important;
  background:#f3eff3!important;
}
.custom-item-page .detail-slide,.custom-item-page .detail-zoom-target{width:100%!important;height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important}
.custom-item-page .detail-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.custom-item-page .detail-slide-progress{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:10px!important;
  z-index:4!important;
  margin:0!important;
  padding:0!important;
  height:8px!important;
}
.custom-item-page .detail-slide-progress i{background:rgba(255,255,255,.5)!important;box-shadow:0 1px 5px rgba(0,0,0,.12)!important}
.custom-item-page .detail-slide-progress i.active{background:#fff!important}

@media(max-width:899px){
  .custom-item-page .product-full-media{border-right:0!important;border-bottom:1px solid #e5dfe6!important}
}
@media(max-width:760px){
  .custom-catalog-home .section-heading-actions{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important;width:100%!important}
  .custom-catalog-home .inline-share-button{width:46px!important;min-width:46px!important;height:46px!important;padding:0!important;justify-content:center!important}
  .custom-catalog-view-button{width:100%!important;min-height:46px!important;padding:0 15px!important;font-size:12px!important}
  .custom-item-page .product-full-inner{width:100%!important;max-width:100%!important;padding:0 0 88px!important;margin:0!important;gap:0!important}
  .custom-item-page .product-full-media{width:100%!important;margin:0!important;padding:0!important}
  .custom-item-page .detail-slider,.custom-item-page .detail-slider-frame{width:100%!important;max-width:100%!important}
  .custom-item-page .detail-slider-frame{aspect-ratio:1/1!important;border-radius:0!important}
  .custom-item-page .product-full-info{padding:22px 14px 28px!important}
}


/* ===== v50 stable customer polish (v48 interaction model) ===== */
/* Compact CTA: only the button itself carries the purple background. */
.custom-catalog-home .section-heading{align-items:flex-end!important;gap:22px!important}
.custom-catalog-home .section-heading-actions{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;width:auto!important;min-width:0!important;flex:0 0 auto!important}
.custom-catalog-home .custom-catalog-view-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:auto!important;min-width:154px!important;padding:0 18px!important;border:0!important;background:#64116f!important;color:#fff!important;box-shadow:0 9px 24px rgba(70,19,79,.18)!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em!important}
.custom-catalog-home .inline-share-button{flex:0 0 44px!important;width:44px!important;height:44px!important}

/* Custom catalogue category covers are always 3:4. */
.custom-category-image{width:100%!important;aspect-ratio:3/4!important;height:auto!important;background:#f5f2f6!important;overflow:hidden!important}
.custom-category-image img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* Share sits beside item/product name. */
.item-detail-title-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:5px 0 9px!important}
.item-detail-title-row h1{flex:1!important;min-width:0!important;margin:0!important}
.item-title-share{flex:0 0 auto!important;width:auto!important;min-width:40px!important;height:40px!important;padding:0 11px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;gap:6px!important}
.item-title-share span{font-size:10px!important;font-weight:800!important}

/* Smaller, cleaner zoom control. */
.detail-zoom-target>span{width:32px!important;height:32px!important;right:10px!important;bottom:10px!important;box-shadow:0 5px 14px rgba(34,22,38,.14)!important}
.detail-zoom-target>span .icon{width:14px!important;height:14px!important}

/* Custom/B2B detail images keep their original aspect ratio: full width, never cropped. */
.custom-item-page .product-full-media,.b2b-product .product-full-media{background:#fff!important;overflow:visible!important}
.custom-item-page .detail-slider,.b2b-product .detail-slider{width:100%!important;max-width:none!important;background:#fff!important}
.custom-item-page .detail-slider-frame,.b2b-product .detail-slider-frame{width:100%!important;height:auto!important;aspect-ratio:auto!important;max-height:none!important;background:#fff!important}
.custom-item-page .detail-slide-track,.b2b-product .detail-slide-track{align-items:flex-start!important}
.custom-item-page .detail-slide,.b2b-product .detail-slide,.custom-item-page .detail-zoom-target,.b2b-product .detail-zoom-target{height:auto!important;min-height:0!important;background:#fff!important}
.custom-item-page .detail-slide img,.b2b-product .detail-slide img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;display:block!important;background:#fff!important}

/* Keep v48's quick native lazy-loading model; avoid artificial image queues/overlays. */
.product-image-wrap,.category-photo,.custom-category-image{background:#f5f2f6!important}
.product-image-wrap img,.category-photo img,.custom-category-image img{transition:opacity .16s ease!important}

@media(max-width:760px){
  .custom-catalog-home .section-heading{align-items:flex-start!important;gap:15px!important}
  .custom-catalog-home .section-heading-actions{display:inline-flex!important;width:auto!important;justify-content:flex-start!important;gap:8px!important}
  .custom-catalog-home .custom-catalog-view-button{width:auto!important;min-width:148px!important;height:44px!important;min-height:44px!important;padding:0 16px!important}
  .custom-catalog-home .inline-share-button{width:44px!important;min-width:44px!important;height:44px!important}
  .item-detail-title-row{align-items:center!important;gap:9px!important}
  .item-title-share{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;justify-content:center!important;border-radius:11px!important}
  .item-title-share span{display:none!important}
  .detail-zoom-target>span{width:29px!important;height:29px!important;right:8px!important;bottom:8px!important}
  .detail-zoom-target>span .icon{width:13px!important;height:13px!important}
  .custom-item-page .product-full-inner,.b2b-product .product-full-inner{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important;gap:0!important}
  .custom-item-page .product-full-media,.b2b-product .product-full-media{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;padding:0!important;border-radius:0!important}
  .custom-item-page .detail-slider,.custom-item-page .detail-slider-frame,.b2b-product .detail-slider,.b2b-product .detail-slider-frame{width:100%!important;max-width:100%!important;border-radius:0!important}
  .custom-item-page .product-full-info,.b2b-product .product-full-info{padding:20px 14px 28px!important}
}

/* ===== v51 stable refresh + fixed header/back navigation ===== */
/* No fade/translate replay during hydration or refresh. Navigation should feel instant. */
.screen-enter{animation:none!important}
.site-header{position:sticky!important;top:0!important;z-index:1003!important}
.inner-site-header .header-back-button{display:none}
/* Once the fixed site header is present, page-level back buttons are redundant. */
.has-site-header .minimal-page-nav,
.has-site-header .product-full-back,
.has-site-header .catalog-title>.back-button,
.has-site-header .checkout-head>.back-button,
.has-site-header .team-upload-page .back-button,
.has-site-header .customer-orders-page .back-button{display:none!important}
.has-site-header .section-wrap{padding-top:clamp(18px,2.3vw,34px)!important}
@media(max-width:760px){
  .inner-site-header .header-back-button{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:0!important;background:transparent!important;color:#342c36!important;box-shadow:none!important}
  .inner-site-header .header-back-button .icon{width:22px!important;height:22px!important}
  .inner-site-header nav{display:none!important}
  .inner-site-header .logo-button{justify-self:center!important}
  .has-site-header .section-wrap{padding-top:18px!important}
}

/* ===== v51 final header/navigation stability ===== */
/* Inner screens keep the same persistent header, but the leading control is Back instead of Menu. */
.inner-site-header{
  grid-template-columns:44px minmax(180px,230px) minmax(0,1fr) auto!important;
  gap:14px!important;
}
.inner-site-header .header-back-button{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#342c36!important;
  box-shadow:none!important;
}
.inner-site-header .header-back-button:hover,
.inner-site-header .header-back-button:focus-visible{background:transparent!important;box-shadow:none!important}
.inner-site-header .header-back-button .icon{width:23px!important;height:23px!important}
@media(max-width:760px){
  .inner-site-header{grid-template-columns:42px minmax(0,1fr) auto!important;gap:8px!important}
  .inner-site-header .header-back-button{width:40px!important;height:40px!important;min-width:40px!important}
  .inner-site-header nav{display:none!important}
}

/* ===== v52 customer navigation + premium catalogue polish ===== */
/* Home section copy gets the full row; actions no longer squeeze/break the heading text. */
.home-flow-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;
  gap:16px!important;
}
.home-flow-heading .section-heading-copy{
  width:100%!important;
  max-width:900px!important;
  min-width:0!important;
}
.home-flow-heading .section-heading-copy h2{
  max-width:900px!important;
  margin-bottom:8px!important;
}
.home-flow-heading .section-heading-copy p{
  max-width:720px!important;
  margin:0!important;
  line-height:1.6!important;
}
.home-flow-heading .section-heading-actions{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
.category-section .catalog-view-button{
  min-height:44px!important;
  padding:0 16px!important;
  border-radius:13px!important;
  border:1px solid #ded4e1!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(53,31,59,.06)!important;
}
.custom-catalog-home .custom-catalog-view-button{
  min-width:150px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 17px!important;
  border-radius:13px!important;
}

/* Uniform premium Ready Made category tiles — no oversized first tile. */
.borderless-categories .real-category-grid{
  align-items:stretch!important;
}
.borderless-categories .real-category-card.category-block,
.borderless-categories .real-category-card:first-child{
  transform:none!important;
  z-index:auto!important;
  border:1px solid rgba(92,60,97,.11)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(50,29,55,.07)!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.borderless-categories .real-category-card.category-block:hover,
.borderless-categories .real-category-card:first-child:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(100,17,111,.18)!important;
  box-shadow:0 15px 34px rgba(50,29,55,.11)!important;
}
.borderless-categories .real-category-card>div:last-of-type,
.borderless-categories .real-category-card:first-child>div:last-of-type{
  min-height:0!important;
  padding:12px 13px 14px!important;
}
.borderless-categories .real-category-card h3,
.borderless-categories .real-category-card:first-child h3{
  margin:0!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.borderless-categories .real-category-card p{
  margin:5px 0 0!important;
  font-size:9px!important;
  line-height:1.4!important;
  color:#837986!important;
}

/* Premium, compact cards inside Ready Made/B2B category sections. */
.grouped-catalog .responsive-catalog-grid{
  align-items:start!important;
}
.grouped-catalog .wellone-card.product-card{
  height:auto!important;
  min-height:0!important;
  border:1px solid rgba(85,54,91,.12)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(48,28,53,.07)!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.grouped-catalog .wellone-card.product-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(100,17,111,.18)!important;
  box-shadow:0 16px 34px rgba(48,28,53,.11)!important;
}
.grouped-catalog .wellone-card .product-info{
  min-height:0!important;
  height:auto!important;
  padding:12px 13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
}
.grouped-catalog .wellone-card .product-info>p{
  margin:0!important;
  font-size:8px!important;
  line-height:1.35!important;
  letter-spacing:.08em!important;
}
.grouped-catalog .wellone-card .product-info h3{
  min-height:0!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
  -webkit-line-clamp:2!important;
}
.grouped-catalog .wellone-card .price-row,
.grouped-catalog .wellone-card .ask-price-row{
  margin-top:5px!important;
}
.grouped-catalog .wellone-card .price-row strong{
  font-size:15px!important;
}

/* Custom Catalogue item cards use the same tight premium rhythm. */
.custom-idea-grid{
  align-items:start!important;
}
.custom-idea-grid .custom-idea-card{
  height:auto!important;
  min-height:0!important;
  border:1px solid rgba(85,54,91,.12)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(48,28,53,.07)!important;
}
.custom-idea-grid .custom-idea-card .product-info{
  min-height:0!important;
  height:auto!important;
  padding:12px 13px 14px!important;
  gap:5px!important;
}
.custom-idea-grid .custom-idea-card .product-info h3{
  min-height:0!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.custom-idea-grid .custom-idea-card .custom-idea-info>span{
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.45!important;
  -webkit-line-clamp:2!important;
}
.custom-idea-grid .custom-enquire-label{
  margin-top:6px!important;
  padding-top:9px!important;
  font-size:11px!important;
}

/* On devices with bottom navigation, Profile already lives there: don't duplicate it in the header. */
@media(max-width:760px){
  .profile-head-link{display:none!important}
  .home-flow-heading{gap:12px!important}
  .home-flow-heading .section-heading-copy h2{margin-bottom:7px!important}
  .home-flow-heading .section-heading-actions{
    justify-content:flex-start!important;
    width:100%!important;
    gap:8px!important;
  }
  .category-section .catalog-view-button,
  .custom-catalog-home .custom-catalog-view-button{
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 14px!important;
    font-size:11px!important;
  }
  .custom-catalog-home .inline-share-button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }
  .borderless-categories .real-category-card.category-block,
  .borderless-categories .real-category-card:first-child{
    transform:none!important;
    border-radius:15px!important;
  }
  .borderless-categories .real-category-card>div:last-of-type,
  .borderless-categories .real-category-card:first-child>div:last-of-type{
    min-height:0!important;
    padding:10px!important;
  }
  .borderless-categories .real-category-card h3,
  .borderless-categories .real-category-card:first-child h3{font-size:13px!important}
  .grouped-catalog .wellone-card.product-card,
  .custom-idea-grid .custom-idea-card{border-radius:14px!important}
  .grouped-catalog .wellone-card .product-info,
  .custom-idea-grid .custom-idea-card .product-info{
    min-height:0!important;
    padding:9px 9px 11px!important;
    gap:4px!important;
  }
  .grouped-catalog .wellone-card .product-info h3,
  .custom-idea-grid .custom-idea-card .product-info h3{
    min-height:0!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
  .grouped-catalog .wellone-card .product-info>p{font-size:7px!important}
  .grouped-catalog .wellone-card .price-row strong{font-size:13px!important}
  .custom-idea-grid .custom-idea-card .custom-idea-info>span{font-size:9px!important}
  .custom-idea-grid .custom-enquire-label{font-size:10px!important;margin-top:5px!important;padding-top:8px!important}
}

/* v52 finishing consistency: Home ready-made cards and the standalone category screen match the same premium system. */
.home-product-grid .wellone-card.product-card,
.categories-only-grid .real-category-card{
  border:1px solid rgba(85,54,91,.12)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(48,28,53,.07)!important;
  overflow:hidden!important;
}
.home-product-grid .wellone-card .product-info{
  min-height:0!important;
  height:auto!important;
  padding:12px 13px 14px!important;
  gap:5px!important;
}
.home-product-grid .wellone-card .product-info h3{min-height:0!important;font-size:14px!important;line-height:1.25!important}
.categories-only-grid .real-category-card>div:last-of-type{min-height:0!important;padding:12px 13px 14px!important}
@media(max-width:760px){
  .home-product-grid .wellone-card.product-card,.categories-only-grid .real-category-card{border-radius:14px!important}
  .home-product-grid .wellone-card .product-info{min-height:0!important;padding:9px 9px 11px!important}
  .home-product-grid .wellone-card .product-info h3{min-height:0!important;font-size:12px!important}
  .categories-only-grid .real-category-card>div:last-of-type{min-height:0!important;padding:10px!important}
}


/* ===== v53 home flow + custom catalogue readability + focused designer ===== */
/* A quiet bridge between live shirt colour preview and the team-upload workflow. */
.home-common-bridge{padding-top:18px!important;padding-bottom:34px!important}
.home-common-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:28px!important;
  padding:clamp(22px,3vw,34px)!important;
  border:1px solid rgba(91,55,98,.12)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff 0%,#faf6fb 100%)!important;
  box-shadow:0 12px 34px rgba(45,25,50,.055)!important;
}
.home-common-copy{min-width:0!important;max-width:820px!important}
.home-common-copy h2{margin:6px 0 8px!important;font-size:clamp(24px,3vw,40px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
.home-common-copy p{margin:0!important;max-width:720px!important;color:#746b77!important;font-size:13px!important;line-height:1.65!important}
.home-common-actions{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.home-common-actions button{min-height:46px!important;padding:0 16px!important;border-radius:13px!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}
.home-common-primary{display:inline-flex!important;align-items:center!important;gap:8px!important;border:0!important;background:#64116f!important;color:#fff!important;box-shadow:0 9px 22px rgba(80,19,89,.16)!important}
.home-common-primary .icon{width:15px!important;height:15px!important}
.home-common-secondary{border:1px solid #dfd5e2!important;background:#fff!important;color:#433947!important}

/* Custom Catalogue copy must stay comfortably readable on every display. */
.custom-category-copy>span{font-size:11px!important;line-height:1.35!important}
.custom-category-copy h3{font-size:18px!important;line-height:1.28!important}
.custom-category-copy p{font-size:13px!important;line-height:1.55!important}
.custom-idea-grid .custom-idea-card .product-info h3{font-size:15px!important;line-height:1.32!important}
.custom-idea-grid .custom-idea-card .product-info>p{font-size:10px!important;line-height:1.4!important}
.custom-idea-grid .custom-idea-card .custom-idea-info>span{font-size:12px!important;line-height:1.5!important}
.custom-idea-grid .custom-catalog-rate{font-size:15px!important;line-height:1.25!important}
.custom-idea-grid .custom-enquire-label{font-size:12px!important;line-height:1.3!important}

/* Product/detail card gets breathing room under the fixed site header and soft corners. */
.product-fullscreen{padding-top:14px!important}
.product-full-inner{
  border-radius:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(78,52,83,.11)!important;
}
.product-full-media{overflow:hidden!important}
.product-full-media .detail-slider-frame{border-radius:10px!important;overflow:hidden!important}
.custom-item-page .product-full-inner,.b2b-product .product-full-inner{border-radius:14px!important;overflow:hidden!important}
.custom-item-page .product-full-media,.b2b-product .product-full-media{margin:0!important}
.custom-item-page .detail-slider-frame,.b2b-product .detail-slider-frame{border-radius:10px!important;overflow:hidden!important}

/* Customizer is deliberately isolated from the store header/footer/bottom nav. */
.customizer-only-root{min-height:100svh!important;background:#fff!important;padding:0!important}
.customizer-only-root .designer-page{min-height:100svh!important}
.refined-sub-header .cart-button{min-width:0!important;padding:0 14px!important;gap:8px!important}
.refined-sub-header .cart-button span{font-size:13px!important;font-weight:850!important;line-height:1!important;white-space:nowrap!important}
.refined-sub-header .cart-button .icon{width:18px!important;height:18px!important}

@media(max-width:760px){
  .home-common-bridge{padding-top:12px!important;padding-bottom:26px!important}
  .home-common-card{grid-template-columns:1fr!important;gap:17px!important;padding:20px 16px!important;border-radius:18px!important}
  .home-common-copy h2{font-size:26px!important}
  .home-common-copy p{font-size:12px!important;line-height:1.6!important}
  .home-common-actions{justify-content:flex-start!important;width:100%!important}
  .home-common-actions button{min-height:44px!important}
  .custom-category-copy>span{font-size:10px!important}
  .custom-category-copy h3{font-size:16px!important}
  .custom-category-copy p{font-size:12px!important}
  .custom-idea-grid .custom-idea-card .product-info h3{font-size:14px!important}
  .custom-idea-grid .custom-idea-card .product-info>p{font-size:9.5px!important}
  .custom-idea-grid .custom-idea-card .custom-idea-info>span{font-size:11px!important}
  .custom-idea-grid .custom-catalog-rate{font-size:14px!important}
  .custom-idea-grid .custom-enquire-label{font-size:11px!important}
  .product-fullscreen{padding-top:10px!important}
  .product-full-inner,.custom-item-page .product-full-inner,.b2b-product .product-full-inner{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:12px!important;
  }
  .custom-item-page .product-full-media,.b2b-product .product-full-media{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    border-radius:0!important;
  }
  .custom-item-page .detail-slider-frame,.b2b-product .detail-slider-frame{border-radius:9px!important}
  .refined-sub-header .cart-button{padding:0 10px!important}
  .refined-sub-header .cart-button span{font-size:12.5px!important}
  .refined-sub-header .cart-button .icon{width:17px!important;height:17px!important}
}

@media(max-width:390px){
  .home-common-actions{display:grid!important;grid-template-columns:1fr!important}
  .home-common-actions button{width:100%!important;justify-content:center!important}
  .custom-category-copy h3{font-size:15px!important}
  .custom-category-copy p{font-size:11.5px!important}
  .custom-idea-grid .custom-idea-card .product-info h3{font-size:13.5px!important}
  .custom-idea-grid .custom-idea-card .custom-idea-info>span{font-size:10.5px!important}
}

/* ===== v56 customizer price breakdown ===== */
.print-size-rule{margin:10px 0 0;font-size:11px;line-height:1.45;color:#777}.designer-price-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.designer-price-breakdown>span{border:1px solid #e8e8e8;border-radius:12px;padding:10px;background:#fafafa;display:grid;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#777}.designer-price-breakdown b{font-size:12px;text-transform:none;letter-spacing:0;color:#111;line-height:1.35}.material-quality-cards button strong{white-space:nowrap}.print-options button strong{font-size:11px;line-height:1.35;text-align:right}
@media(max-width:620px){.designer-price-breakdown{grid-template-columns:1fr}.designer-price-breakdown>span{grid-template-columns:90px 1fr;align-items:center}.designer-price-breakdown b{text-align:right}}

/* v56: two garment types must fit evenly on every customizer viewport. */
.stage-garment-type{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.stage-garment-type .garment-type-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:8px!important}
.stage-garment-type .garment-type-cards button{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.stage-garment-type .garment-type-cards button b,.stage-garment-type .garment-type-cards button small{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
@media(max-width:390px){.stage-garment-type{padding:9px!important}.stage-garment-type .garment-type-cards{gap:6px!important}.stage-garment-type .garment-type-cards button{padding:8px 6px!important}.stage-garment-type .garment-type-cards button b{font-size:10px!important}.stage-garment-type .garment-type-cards button small{font-size:8px!important}}

/* ===== v57 creative team enquiry: front/back editor, direct enquiry ===== */
.team-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.team-page-title h1{margin:4px 0 7px;font-size:clamp(30px,4vw,54px);letter-spacing:-.045em}.team-page-title p{margin:0;color:#7b6f7d;line-height:1.55}.team-no-cart{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #e2d9e4;border-radius:999px;background:#fff;color:#6e5d72;font-size:11px;font-weight:800;white-space:nowrap}.team-no-cart svg{width:16px;height:16px;color:#64116f}
.team-stepper{margin-bottom:18px}.team-stepper>div{min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e9e2ea;border-radius:14px;background:#fff;color:#877989}.team-stepper>div>b{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#f4f0f5;font-size:10px}.team-stepper>div>b svg{width:15px}.team-stepper span{min-width:0;display:grid;gap:2px}.team-stepper strong{font-size:12px}.team-stepper small{overflow:hidden;color:#9a8f9c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.team-stepper>div.active{border-color:#7a2682;background:#fbf5fc;color:#64116f;box-shadow:0 8px 22px rgba(93,23,102,.08)}.team-stepper>div.active>b,.team-stepper>div.done>b{background:#64116f;color:#fff}.team-stepper>div.done{color:#655669}
.team-upload-first,.team-editor-card,.team-enquiry-roster{border:1px solid #e7dfe9;border-radius:24px;background:#fff;box-shadow:0 14px 38px rgba(49,25,54,.055)}.team-upload-first{padding:22px}.team-upload-intro{max-width:720px;margin-bottom:18px}.team-upload-intro h1{margin:5px 0 8px;font-size:clamp(26px,3vw,42px);letter-spacing:-.035em}.team-upload-intro p{margin:0;color:#7c707e;line-height:1.55}.team-side-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.team-side-upload{min-width:0;display:grid;gap:8px;cursor:pointer}.team-side-upload>input{display:none}.team-side-upload-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-side-upload-head span{font-size:13px;font-weight:850}.team-side-upload-head small{color:#918593;font-size:9px}.team-side-upload-preview{aspect-ratio:4/3;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;border:1.5px dashed #cbbdce;border-radius:18px;background:#faf8fa;text-align:center}.team-side-upload-preview>svg{width:38px;height:38px;color:#64116f}.team-side-upload-preview>b{font-size:16px}.team-side-upload-preview>small{max-width:260px;color:#918593;font-size:10px;line-height:1.45}.team-side-upload.has-image .team-side-upload-preview{border-style:solid;background:#f5f2f6}.team-side-upload-preview img{width:100%;height:100%;object-fit:contain;background:#f4f1f5}.team-side-upload em{overflow:hidden;color:#7b707d;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.team-upload-continue{display:flex!important;width:max-content!important;min-width:210px;margin:18px 0 0 auto!important;align-items:center;justify-content:center;gap:8px}
.team-editor-card{padding:18px}.team-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.team-editor-head h2{margin:4px 0 5px;font-size:28px;letter-spacing:-.03em}.team-editor-head p{margin:0;color:#827685;font-size:12px;line-height:1.5}.team-add-logo{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:1px solid #7b2a83;border-radius:12px;background:#fff;color:#64116f;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}.team-add-logo svg{width:16px}.team-add-logo input{display:none}.team-design-editor{display:grid;place-items:center;padding:14px;overflow:hidden;border:1px solid #e7dfe9;border-radius:20px;background:radial-gradient(circle at 50% 35%,#fff,#f2edf3 70%)}.team-edit-stage{position:relative;width:min(100%,720px);max-height:70svh;overflow:hidden;border-radius:15px;background:#ece8ed;box-shadow:0 15px 40px rgba(43,22,47,.12);touch-action:none;user-select:none;container-type:inline-size}.team-edit-background{display:block;width:100%;height:auto;max-height:70svh;object-fit:contain;pointer-events:none;user-select:none}.team-edit-layer{position:absolute;z-index:3;transform:translate(-50%,-50%);touch-action:none;cursor:grab}.team-edit-layer:active{cursor:grabbing}.team-edit-layer.selected{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.team-edit-layer.selected:after{inset:-6px;border:1px dashed #fff;border-radius:8px;box-shadow:0 0 0 2px #64116f}.team-edit-layer>button{position:absolute;z-index:5;right:-13px;top:-13px;width:25px;height:25px;display:none;place-items:center;border:2px solid #fff;border-radius:50%;background:#9b2740;color:#fff;font-size:16px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.15)}.team-edit-layer.selected>button{display:grid}.team-logo-layer{min-width:24px;max-width:100%}.team-logo-layer img{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.team-fixed-text{font-family:"Arial Black",Arial,sans-serif;font-weight:950;line-height:.9;color:#111;white-space:nowrap;-webkit-text-stroke:clamp(1px,.12vw,2px) rgba(255,255,255,.96);text-shadow:0 2px 5px rgba(255,255,255,.7)}.team-layer-controls{margin-top:12px;display:grid;grid-template-columns:minmax(130px,.7fr) minmax(220px,1fr) auto;gap:14px;align-items:center;padding:12px 13px;border:1px solid #e8e0e9;border-radius:15px;background:#fbfafb}.team-layer-controls>div{display:grid;gap:3px}.team-layer-controls b{font-size:12px}.team-layer-controls small,.team-layer-controls.empty span{color:#8c808e;font-size:9px}.team-layer-controls label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:#756779;font-size:10px;font-weight:800}.team-layer-controls input[type=range]{width:100%;accent-color:#64116f}.team-delete-selected{height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;background:#f8edef;color:#a42e43;font-size:10px;font-weight:850}.team-delete-selected svg{width:15px}.team-editor-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.team-editor-actions .primary,.team-editor-actions .secondary{min-width:130px}
.team-enquiry-roster{padding:18px}.team-enquiry-roster .team-roster-head p{margin:5px 0 0;max-width:650px;color:#827785;font-size:11px;line-height:1.5}.team-enquiry-roster .team-roster-list{max-height:none;overflow:visible}.team-enquiry-roster .team-roster-footer>div{display:flex;gap:8px;align-items:center}.team-enquire-button{min-width:170px}.team-enquiry-success{max-width:720px;margin:7vh auto 0;padding:clamp(26px,5vw,52px);display:grid;justify-items:center;text-align:center;border:1px solid #e4dce6;border-radius:28px;background:#fff;box-shadow:0 20px 55px rgba(50,24,55,.08)}.team-enquiry-success>svg{width:58px;height:58px;padding:13px;border-radius:50%;background:#eff9f2;color:#1d8c4c}.team-enquiry-success h1{margin:10px 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.team-enquiry-success p{max-width:560px;margin:0;color:#7b707d;line-height:1.6}.team-enquiry-success>div{display:flex;gap:9px;margin-top:20px}
.team-creative-home-card{width:100%;margin-top:20px;padding:18px;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #e4dce6;border-radius:20px;background:#fff;text-align:left;box-shadow:0 14px 36px rgba(52,27,58,.06);cursor:pointer}.team-creative-home-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:#f6eef7;color:#64116f}.team-creative-home-icon svg{width:25px;height:25px}.team-creative-home-card>span:nth-child(2){display:grid;gap:4px}.team-creative-home-card b{font-size:18px}.team-creative-home-card small{color:#857987;font-size:11px;line-height:1.45}.team-creative-home-card>svg{width:19px;color:#64116f}
@media(max-width:820px){.team-upload-page{padding-top:22px!important;padding-bottom:95px!important}.team-page-title{align-items:flex-start;display:grid}.team-no-cart{width:max-content}.team-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.team-stepper>div{display:grid;justify-items:center;padding:8px 4px;text-align:center}.team-stepper>div>b{width:28px;height:28px;flex-basis:28px}.team-stepper span{justify-items:center}.team-stepper small{display:none}.team-stepper strong{font-size:9px}.team-upload-first,.team-editor-card,.team-enquiry-roster{border-radius:18px;padding:13px}.team-side-upload-grid{grid-template-columns:1fr 1fr;gap:8px}.team-side-upload-preview{min-height:0;aspect-ratio:3/4;border-radius:13px}.team-side-upload-preview>b{font-size:13px}.team-side-upload-preview>small{padding:0 7px;font-size:8px}.team-side-upload-head small{display:none}.team-upload-continue{width:100%!important;margin-top:13px!important}.team-editor-head{align-items:flex-start}.team-editor-head h2{font-size:24px}.team-editor-head p{font-size:10px}.team-add-logo{height:40px;padding:0 10px;font-size:9px}.team-design-editor{padding:7px;border-radius:15px}.team-edit-stage,.team-edit-background{max-height:64svh}.team-layer-controls{grid-template-columns:1fr;gap:9px}.team-layer-controls label{grid-template-columns:45px 1fr}.team-delete-selected{width:max-content}.team-editor-actions .primary,.team-editor-actions .secondary{min-width:0;flex:1}.team-enquiry-roster .team-roster-head{align-items:flex-end}.team-enquiry-roster .team-roster-footer{position:static!important}.team-enquiry-roster .team-roster-footer>div{width:100%;display:grid;grid-template-columns:auto 1fr}.team-enquiry-roster .team-roster-footer{display:grid;gap:10px}.team-enquire-button{min-width:0}.team-enquiry-success{margin-top:3vh;border-radius:20px}.team-enquiry-success>div{width:100%;display:grid;grid-template-columns:1fr}.team-creative-home-card{grid-template-columns:48px minmax(0,1fr) auto;padding:13px}.team-creative-home-icon{width:48px;height:48px}.team-creative-home-card b{font-size:15px}.team-creative-home-card small{font-size:9px}}
@media(max-width:430px){.team-page-title h1{font-size:30px}.team-side-upload-grid{grid-template-columns:1fr 1fr}.team-side-upload-preview{aspect-ratio:4/5}.team-side-upload-head span{font-size:11px}.team-edit-stage{width:100%}.team-roster-row{grid-template-columns:26px minmax(0,1.2fr) minmax(64px,.65fr)!important}.team-roster-row input,.team-roster-row select{font-size:16px!important}.team-creative-home-card small{display:block}}


/* ===== v58 simplified team flow + mobile editor usability ===== */
.team-simple-home{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid #e7dfe9;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(49,25,54,.045)}
.team-simple-home h2{margin:3px 0 5px;font-size:clamp(22px,2.6vw,34px);letter-spacing:-.03em}.team-simple-home p{margin:0;color:#7f7381;font-size:12px;line-height:1.45}.team-simple-home .team-open-button{flex:0 0 auto;min-width:126px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:#64116f;color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.team-simple-home .team-open-button svg{width:16px}
.team-upload-page>.team-stepper{margin:16px 0 0}.team-upload-first{padding:18px}.team-upload-intro{margin-bottom:14px}.team-upload-intro h1{font-size:clamp(24px,3vw,36px)}
.team-editor-card{width:100%;max-width:980px;margin:0 auto}.team-design-editor{overflow:visible}.team-edit-stage{touch-action:pan-y;overscroll-behavior:contain}.team-edit-layer{touch-action:pan-y;cursor:pointer}.team-edit-layer.selected{touch-action:none;cursor:grab}.team-edit-layer.selected:after{border:1px dashed rgba(255,255,255,.95);box-shadow:0 0 0 1.5px #64116f}.team-resize-handle{position:absolute;z-index:8;right:-11px;bottom:-11px;width:22px;height:22px;display:none;border:2px solid #fff;border-radius:6px;background:#64116f;box-shadow:0 3px 9px rgba(0,0,0,.2);cursor:nwse-resize;touch-action:none}.team-resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff}.team-edit-layer.selected>.team-resize-handle{display:block}
.team-fixed-text{font-family:"Arial Narrow",Impact,Haettenschweiler,sans-serif;font-weight:800;letter-spacing:.025em;line-height:.92;color:#fff;-webkit-text-stroke:clamp(.7px,.085vw,1.35px) #111;text-shadow:none}.team-layer-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.team-layer-controls.empty{display:block}.team-delete-selected{justify-self:end}
.team-add-row-wrap{display:flex;justify-content:flex-start;margin-top:10px}.team-add-row-wrap .secondary{min-height:40px}.team-enquiry-roster .team-roster-list{overflow-x:auto;overflow-y:visible;padding:0 0 5px}.team-enquiry-roster .team-roster-row{grid-template-columns:36px minmax(180px,1.5fr) minmax(90px,.65fr) minmax(95px,.65fr) 40px;grid-template-areas:none;align-items:end;min-width:600px}.team-enquiry-roster .team-roster-row .row-number,.team-enquiry-roster .team-roster-row label,.team-enquiry-roster .team-row-remove{grid-area:auto}.team-enquiry-roster .team-roster-head{margin-bottom:10px}
@media(max-width:820px){.team-upload-home{padding-top:24px;padding-bottom:24px}.team-simple-home{padding:14px;gap:12px}.team-simple-home h2{font-size:21px}.team-simple-home p{font-size:10px}.team-simple-home .team-open-button{min-width:104px;height:40px;padding:0 11px}.team-upload-page{width:100%;max-width:100%;padding-left:10px!important;padding-right:10px!important}.team-upload-first,.team-editor-card,.team-enquiry-roster{width:100%;max-width:100%;box-sizing:border-box}.team-side-upload-grid{width:100%}.team-side-upload{min-width:0}.team-side-upload-preview{width:100%}.team-editor-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.team-editor-head h2{font-size:22px}.team-editor-head p{font-size:9px}.team-design-editor{width:100%;box-sizing:border-box}.team-edit-stage{width:100%;max-width:100%;max-height:none}.team-edit-background{width:100%;max-height:none}.team-layer-controls{grid-template-columns:minmax(0,1fr) auto}.team-stepper{width:100%;overflow:hidden}.team-stepper>div{min-width:0}.team-enquiry-roster .team-roster-list{margin-left:-3px;margin-right:-3px;padding-left:3px;padding-right:3px}.team-enquiry-roster .team-roster-footer>div{display:grid!important;grid-template-columns:1fr 1fr!important}.team-add-row-wrap .secondary{width:100%}}
@media(max-width:520px){.team-simple-home{display:grid;grid-template-columns:minmax(0,1fr) auto}.team-simple-home .eyebrow{font-size:8px}.team-simple-home h2{font-size:18px;margin-top:2px}.team-simple-home p{font-size:9px}.team-simple-home .team-open-button{min-width:92px;font-size:10px}.team-side-upload-preview{aspect-ratio:3/4}.team-upload-intro p{font-size:10px}.team-editor-card{padding:10px}.team-editor-head{grid-template-columns:minmax(0,1fr) auto}.team-add-logo{height:38px;padding:0 9px}.team-design-editor{padding:4px}.team-layer-controls{padding:9px}.team-layer-controls small,.team-layer-controls.empty span{font-size:8px}.team-stepper{gap:4px}.team-stepper>div{padding:7px 3px}.team-stepper strong{font-size:8px}.team-stepper>div>b{width:25px;height:25px;font-size:8px}.team-enquiry-roster .team-roster-row{min-width:570px}.team-roster-row input,.team-roster-row select{font-size:16px!important}}


/* ===== v59 team workflow polish ===== */
.team-upload-page{overflow-x:clip}
.team-upload-page>.team-stepper{margin:28px 0 0!important}
.team-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.team-upload-actions .team-upload-continue{margin:0!important;width:auto!important;min-width:210px}
.team-upload-actions .secondary{min-width:120px}

.team-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%}
.team-stepper>button{appearance:none;min-width:0;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e9e2ea;border-radius:14px;background:#fff;color:#877989;text-align:left;font:inherit;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .18s ease}
.team-stepper>button:not(:disabled):active{transform:scale(.985)}
.team-stepper>button>b{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#f4f0f5;font-size:10px}
.team-stepper>button>b svg{width:15px}
.team-stepper>button span{min-width:0;display:grid;gap:2px}
.team-stepper>button strong{font-size:12px}
.team-stepper>button small{overflow:hidden;color:#9a8f9c;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.team-stepper>button.active{border-color:#7a2682;background:#fbf5fc;color:#64116f;box-shadow:0 8px 22px rgba(93,23,102,.08)}
.team-stepper>button.active>b,.team-stepper>button.done>b{background:#64116f;color:#fff}
.team-stepper>button.done{color:#655669}
.team-stepper>button.locked{opacity:.48;cursor:not-allowed;background:#faf9fa}

.professional-team-editor{overflow:hidden}
.professional-team-editor .team-editor-head{padding:2px 2px 0}
.team-editor-side-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:#64116f;color:#fff;font-size:8px;font-weight:900;letter-spacing:.13em}
.professional-team-editor .team-editor-head h2{margin:7px 0 4px}
.professional-team-editor .team-design-editor{background:#171417;border-color:#2c252e;padding:12px}
.professional-team-editor .team-edit-stage{background:#242025}

/* One clean selection line only. */
.team-edit-layer.selected{filter:none!important}
.team-edit-layer.selected:after{content:"";position:absolute;inset:-5px;border:2px solid #64116f!important;border-radius:7px;box-shadow:none!important;pointer-events:none}
.team-fixed-text{font-family:Impact,"Arial Black","Helvetica Neue",Arial,sans-serif!important;letter-spacing:.035em!important;line-height:.9!important;-webkit-text-stroke:clamp(.65px,.075vw,1.15px) #111!important}

/* True one-line player table, no page overflow. */
.team-enquiry-roster{min-width:0;overflow:hidden}
.team-roster-columns,.team-enquiry-roster .team-roster-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(78px,.34fr) minmax(78px,.32fr) 40px;gap:8px;align-items:center;width:100%;min-width:0;box-sizing:border-box}
.team-roster-columns{padding:0 10px 7px;color:#8b7f8d;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.team-enquiry-roster .team-roster-list{display:grid;gap:8px;width:100%;min-width:0;max-width:100%;overflow:visible!important;padding:0!important;margin:0!important}
.team-enquiry-roster .team-roster-row{padding:9px 10px;border:1px solid #ebe5ec;border-radius:13px;background:#fcfbfc}
.team-enquiry-roster .team-roster-row .row-number{font-size:10px;color:#9c909e;white-space:nowrap}
.team-enquiry-roster .team-roster-row input,.team-enquiry-roster .team-roster-row select{width:100%;min-width:0;max-width:100%;height:40px;box-sizing:border-box;border:1px solid #ddd4df;border-radius:9px;background:#fff;padding:0 9px;font:inherit;font-size:13px}
.team-enquiry-roster .team-roster-row select{padding-right:3px}
.team-enquiry-roster .team-row-remove{width:40px;height:40px;min-width:0;border-radius:9px}

@media(max-width:820px){
  .team-upload-page{width:100%!important;max-width:100%!important;padding-left:10px!important;padding-right:10px!important}
  .team-upload-page>.team-stepper{margin-top:22px!important}
  .team-stepper{gap:5px}
  .team-stepper>button{display:grid;justify-items:center;gap:5px;padding:8px 4px;text-align:center}
  .team-stepper>button>b{width:28px;height:28px;flex-basis:28px}
  .team-stepper>button span{justify-items:center}
  .team-stepper>button small{display:none}
  .team-stepper>button strong{font-size:9px}

  .professional-team-editor{width:calc(100% + 20px)!important;max-width:none!important;margin-left:-10px!important;margin-right:-10px!important;padding:0 0 14px!important;border-left:0!important;border-right:0!important;border-radius:0!important;background:#fff}
  .professional-team-editor .team-editor-head{margin:0!important;padding:12px 12px 11px!important;align-items:center;background:#fff;border-bottom:1px solid #eee7ef}
  .professional-team-editor .team-editor-head h2{font-size:21px;margin:5px 0 2px}
  .professional-team-editor .team-editor-head p{font-size:9px;line-height:1.35}
  .professional-team-editor .team-add-logo{height:40px}
  .professional-team-editor .team-design-editor{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#171417}
  .professional-team-editor .team-edit-stage{width:100vw!important;max-width:100vw!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;background:#242025}
  .professional-team-editor .team-edit-background{display:block;width:100vw!important;height:auto!important;max-height:none!important;object-fit:contain}
  .professional-team-editor .team-layer-controls{margin:11px 12px 0!important}
  .professional-team-editor .team-editor-actions{margin:12px 12px 0!important}
  .team-upload-actions{margin-top:14px}

  .team-roster-columns,.team-enquiry-roster .team-roster-row{grid-template-columns:24px minmax(0,1fr) 64px 64px 36px;gap:5px}
  .team-roster-columns{padding:0 7px 6px;font-size:7px}
  .team-enquiry-roster .team-roster-row{padding:7px;border-radius:11px}
  .team-enquiry-roster .team-roster-row input,.team-enquiry-roster .team-roster-row select{height:38px;padding:0 7px;font-size:12px!important}
  .team-enquiry-roster .team-row-remove{width:36px;height:38px}
}

@media(max-width:430px){
  .team-upload-page>.team-stepper{margin-top:20px!important}
  .team-stepper>button{padding:7px 2px}
  .team-stepper>button>b{width:25px;height:25px;font-size:8px}
  .team-stepper>button strong{font-size:8px}
  .team-upload-actions .secondary{min-width:92px}
  .team-upload-actions .team-upload-continue{min-width:0;flex:1}
  .team-roster-columns,.team-enquiry-roster .team-roster-row{grid-template-columns:20px minmax(0,1fr) 54px 58px 32px;gap:4px}
  .team-roster-columns{padding-left:5px;padding-right:5px;font-size:6.5px;letter-spacing:.04em}
  .team-enquiry-roster .team-roster-row{padding:5px}
  .team-enquiry-roster .team-roster-row input,.team-enquiry-roster .team-roster-row select{height:36px;padding:0 5px;font-size:11px!important;border-radius:8px}
  .team-enquiry-roster .team-roster-row input[data-team-field="number"]{text-align:center}
  .team-enquiry-roster .team-row-remove{width:32px;height:36px;border-radius:8px}
  .team-enquiry-roster .team-row-remove svg{width:14px}
}


/* ===== v60 team editor: jersey font, natural mobile scrolling, chrome-free workflow ===== */
.team-only-root{min-height:100vh}
.team-only-root .team-upload-page{padding-top:22px!important}

/* Reference-inspired solid condensed jersey lettering: white fill, one very thin black edge, no shadow/hollow styling. */
.team-fixed-text span{display:block;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important;filter:none!important;background:none!important}

/* The uploaded design itself must behave like normal page content when swiped vertically. */
.team-design-editor,.team-edit-stage,.team-edit-background{overscroll-behavior:auto!important}
.team-edit-stage{touch-action:pan-y!important;-webkit-user-drag:none}
.team-edit-background{touch-action:pan-y!important;pointer-events:none!important;-webkit-user-drag:none}
.team-edit-layer{touch-action:pan-y!important}
.team-edit-layer.selected{touch-action:none!important}
.team-resize-handle{touch-action:none!important}

@media(max-width:820px){
  .team-only-root .team-upload-page{padding-top:max(12px,env(safe-area-inset-top))!important;padding-bottom:34px!important}
  .team-only-root .professional-team-editor{margin-top:0!important}
}

/* ===== v61 team cleanup: no footer, cleaner editor spacing, compact roster ===== */
/* More breathing room between each active Team step and the clickable guide. */
.team-upload-page>.team-stepper{margin-top:38px!important;margin-bottom:0!important}

/* Slightly slimmer solid jersey lettering for NAME / 99. */
.team-fixed-text{
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  line-height:.88!important;
  -webkit-text-stroke:clamp(.38px,.045vw,.7px) #111!important;
  transform:translate(-50%,-50%) scaleX(.84)!important;
}

/* Player row: Name -> Number -> styled Size -> Delete, always one line. */
.team-enquiry-roster{overflow:hidden!important}
.team-enquiry-roster .team-roster-list{width:100%!important;max-width:100%!important;overflow:hidden!important}
.team-enquiry-roster .team-roster-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(58px,.28fr) minmax(68px,.3fr) 40px!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.team-enquiry-roster .team-roster-row>input,
.team-enquiry-roster .team-size-picker{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.team-enquiry-roster .team-size-picker{position:relative;display:block;height:40px}
.team-enquiry-roster .team-size-picker select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  padding:0 28px 0 10px!important;
  border:1px solid #ddd4df!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#312a33!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
.team-enquiry-roster .team-size-picker>svg{
  position:absolute!important;
  right:9px!important;
  top:50%!important;
  width:14px!important;
  height:14px!important;
  transform:translateY(-50%)!important;
  color:#64116f!important;
  pointer-events:none!important;
}
.team-enquiry-roster .team-row-remove{display:grid!important;place-items:center!important;padding:0!important;border:1px solid #eadfe2!important;background:#fff8f9!important;color:#a42e43!important}
.team-enquiry-roster .team-row-remove svg{width:16px!important;height:16px!important}

@media(max-width:820px){
  .team-upload-page>.team-stepper{margin-top:32px!important}
  .team-enquiry-roster .team-roster-row{grid-template-columns:minmax(0,1fr) 60px 66px 36px!important;gap:5px!important;padding:7px!important}
  .team-enquiry-roster .team-roster-row>input,.team-enquiry-roster .team-size-picker{height:38px!important}
  .team-enquiry-roster .team-size-picker select{font-size:12px!important;padding-left:7px!important;padding-right:23px!important}
  .team-enquiry-roster .team-size-picker>svg{right:6px!important;width:12px!important;height:12px!important}
  .team-enquiry-roster .team-row-remove{width:36px!important;height:38px!important}
}
@media(max-width:430px){
  .team-upload-page>.team-stepper{margin-top:30px!important}
  .team-enquiry-roster{padding-left:9px!important;padding-right:9px!important}
  .team-enquiry-roster .team-roster-row{grid-template-columns:minmax(0,1fr) 52px 58px 32px!important;gap:4px!important;padding:5px!important}
  .team-enquiry-roster .team-roster-row>input,.team-enquiry-roster .team-size-picker{height:36px!important}
  .team-enquiry-roster .team-roster-row input{padding-left:6px!important;padding-right:6px!important;font-size:11px!important}
  .team-enquiry-roster .team-size-picker select{font-size:11px!important;padding:0 20px 0 6px!important}
  .team-enquiry-roster .team-size-picker>svg{right:5px!important;width:11px!important;height:11px!important}
  .team-enquiry-roster .team-row-remove{width:32px!important;height:36px!important}
}

/* ===== v62 team enquiry order + bottom guide ===== */
/* Restore the stronger v60 jersey lettering for NAME / 99. */
.team-fixed-text{
  font-family:"Barlow Condensed","Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif!important;
  font-weight:900!important;
  font-stretch:condensed!important;
  font-style:normal!important;
  letter-spacing:.015em!important;
  line-height:.82!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  -webkit-text-stroke:clamp(.45px,.055vw,.85px) #111!important;
  text-shadow:none!important;
  filter:none!important;
  background:none!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
}

/* The guide belongs to the bottom of the page, never over the working area. */
.team-only-root,.team-upload-page{min-height:100dvh}
.team-upload-page{display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
.team-upload-page>.team-stepper{
  flex:0 0 auto;
  margin-top:auto!important;
  padding-top:46px;
  padding-bottom:max(4px,env(safe-area-inset-bottom));
}
@media(max-width:820px){.team-upload-page>.team-stepper{padding-top:40px}}
@media(max-width:430px){.team-upload-page>.team-stepper{padding-top:34px}}

/* Full-page submission state: remains until images + roster are confirmed by the server. */
.team-submit-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(24,18,26,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.team-submit-loader{width:min(92vw,390px);display:grid;justify-items:center;gap:10px;padding:28px 24px;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(24,10,28,.25);text-align:center}
.team-submit-loader i{width:42px;height:42px;border:4px solid #eadfeb;border-top-color:#64116f;border-radius:50%;animation:teamSubmitSpin .8s linear infinite}
.team-submit-loader strong{font-size:18px;letter-spacing:-.02em;color:#2f2631}
.team-submit-loader span{max-width:300px;color:#786c7a;font-size:11px;line-height:1.55}
.team-submit-loader small{color:#a195a3;font-size:9px}
@keyframes teamSubmitSpin{to{transform:rotate(360deg)}}

/* Team enquiries inside customer order history. */
.ordered-team-enquiry{align-items:flex-start!important}
.team-order-mini-previews{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:150px;min-width:150px}
.team-order-mini-previews figure{margin:0;min-width:0}
.team-order-mini-previews img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;border:1px solid #e8e1e9;border-radius:9px;background:#f6f3f7}
.team-order-mini-previews figcaption{padding-top:3px;color:#897d8b;font-size:8px;text-align:center}
.team-order-roster-mini{display:grid;gap:2px;margin-top:7px}.team-order-roster-mini small{color:#746878;font-size:8px}
@media(max-width:620px){.team-order-mini-previews{width:112px;min-width:112px}.ordered-team-enquiry>strong{font-size:11px}}
/* Keep Team order thumbnails inside the existing order-card media column on every device. */
.ordered-team-enquiry>.team-order-mini-previews{width:100%!important;min-width:0!important;max-width:155px}
@media(max-width:620px){.ordered-team-enquiry>.team-order-mini-previews{max-width:105px}}

/* ===== v63 full-screen Team workspace + fixed bottom step dock ===== */
.team-only-root{
  width:100%;
  min-height:100dvh!important;
  background:#fff;
  overflow-x:clip;
}
.team-only-root .team-upload-page{
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  padding-top:max(18px,env(safe-area-inset-top))!important;
  padding-left:clamp(12px,2.4vw,34px)!important;
  padding-right:clamp(12px,2.4vw,34px)!important;
  /* Reserve room for the fixed step dock so content is never hidden under it. */
  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box!important;
}
.team-only-root .team-upload-first,
.team-only-root .team-enquiry-roster{
  width:min(100%,1180px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.team-only-root .professional-team-editor{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Fixed bottom navigator for Upload / Front / Back / Team. */
.team-upload-page>.team-stepper{
  position:fixed!important;
  z-index:90!important;
  left:50%!important;
  right:auto!important;
  bottom:max(14px,env(safe-area-inset-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 32px),980px)!important;
  margin:0!important;
  padding:8px!important;
  gap:7px!important;
  border:1px solid rgba(95,68,100,.14)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 44px rgba(39,19,44,.18)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.team-upload-page>.team-stepper>button{
  min-height:58px!important;
  border-color:transparent!important;
  border-radius:15px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.team-upload-page>.team-stepper>button.active{
  border-color:#eadfed!important;
  background:#f7edf9!important;
  box-shadow:none!important;
}
.team-upload-page>.team-stepper>button.done{
  background:#fbf8fc!important;
}

@media(min-width:821px){
  .team-only-root .team-upload-page{
    padding-top:30px!important;
    padding-bottom:calc(116px + env(safe-area-inset-bottom))!important;
  }
  .team-upload-page>.team-stepper{
    bottom:max(18px,env(safe-area-inset-bottom))!important;
    width:min(calc(100vw - 64px),920px)!important;
    padding:9px!important;
  }
  .team-upload-page>.team-stepper>button{
    min-height:60px!important;
    padding:9px 13px!important;
  }
}

@media(max-width:820px){
  .team-only-root .team-upload-page{
    padding-top:max(12px,env(safe-area-inset-top))!important;
    padding-left:10px!important;
    padding-right:10px!important;
    padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
  .team-only-root .professional-team-editor{
    width:calc(100% + 20px)!important;
    max-width:none!important;
    margin-left:-10px!important;
    margin-right:-10px!important;
  }
  .team-upload-page>.team-stepper{
    width:calc(100vw - 16px)!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    padding:6px!important;
    gap:4px!important;
    border-radius:18px!important;
  }
  .team-upload-page>.team-stepper>button{
    min-height:58px!important;
    padding:6px 3px!important;
    gap:4px!important;
  }
  .team-upload-page>.team-stepper>button>b{
    width:27px!important;
    height:27px!important;
  }
  .team-upload-page>.team-stepper>button strong{font-size:9px!important}
  .team-upload-page>.team-stepper>button small{display:none!important}
}

@media(max-width:430px){
  .team-upload-page>.team-stepper{
    width:calc(100vw - 12px)!important;
    padding:5px!important;
    border-radius:17px!important;
  }
  .team-upload-page>.team-stepper>button{
    min-height:54px!important;
    padding:5px 2px!important;
  }
  .team-upload-page>.team-stepper>button>b{
    width:25px!important;
    height:25px!important;
  }
  .team-upload-page>.team-stepper>button strong{font-size:8px!important}
}

/* ===== v65 T-Shirt Custom Catalogue fabric + quality chooser ===== */
.custom-tshirt-options{margin:20px 0 16px;padding:16px;border:1px solid #e5dce7;border-radius:16px;background:#fbf9fc}
.custom-option-heading{margin-bottom:11px}.custom-option-heading.compact{margin-top:16px}.custom-option-heading .eyebrow{font-size:9px}.custom-option-heading h3{margin:4px 0 3px;font-size:18px}.custom-option-heading p{margin:0!important;color:#7b6f7d!important;font-size:11px!important}
.custom-fabric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.custom-fabric-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "meta meta";gap:3px 8px;align-items:center;min-width:0;padding:11px 12px;border:1px solid #dfd5e2;border-radius:12px;background:#fff;text-align:left;color:#392e3d;transition:.15s ease}
.custom-fabric-choice b{grid-area:name;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-fabric-choice small{grid-area:price;font-size:10px;font-weight:800;color:#681474;white-space:nowrap}.custom-fabric-choice span{grid-area:meta;font-size:9px;color:#897d8b}
.custom-fabric-choice.active{border-color:#681474;background:#f8eff9;box-shadow:0 6px 18px rgba(83,24,93,.08)}
.custom-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.custom-quality-choice{display:grid;gap:4px;justify-items:start;padding:11px;border:1px solid #dfd5e2;border-radius:12px;background:#fff;text-align:left;color:#3d3240}
.custom-quality-choice span{font-size:11px;font-weight:700}.custom-quality-choice b{font-size:14px;color:#681474}.custom-quality-choice.active{border-color:#681474;background:#681474;color:#fff}.custom-quality-choice.active b{color:#fff}
.custom-selected-price{margin-top:12px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:end;padding:11px 12px;border-radius:12px;background:#211c22;color:#fff}.custom-selected-price span{font-size:9px;opacity:.7;text-transform:uppercase;letter-spacing:.06em}.custom-selected-price strong{font-size:19px}.custom-selected-price small{grid-column:1/-1;font-size:10px;opacity:.75}
.custom-fabric-empty{display:grid;gap:3px;margin:17px 0;padding:13px;border:1px solid #eadfe8;border-radius:12px;background:#faf7fa}.custom-fabric-empty b{font-size:12px}.custom-fabric-empty span{font-size:10px;color:#7b6e7c}
.custom-catalog-enquiry-button:disabled{opacity:.56;cursor:not-allowed;transform:none!important}
@media(max-width:520px){
  .custom-tshirt-options{margin:16px -2px 14px;padding:12px;border-radius:14px}.custom-fabric-grid{grid-template-columns:1fr 1fr;gap:6px}.custom-fabric-choice{padding:10px 9px}.custom-fabric-choice b{font-size:12px}.custom-fabric-choice small{font-size:9px}.custom-quality-grid{gap:6px}.custom-quality-choice{padding:10px 8px}.custom-quality-choice span{font-size:10px}.custom-quality-choice b{font-size:13px}
}


/* ===== v66 mobile catalogue bulk-enquiry tile (v67 placement supersedes this) ===== */
.custom-mobile-bulk-enquiry{display:none!important}

/* ===== v67 mobile Custom Catalogue masonry promo placement ===== */
.custom-idea-masonry{display:none}
@media(max-width:760px){
  .custom-idea-grid-desktop.has-mobile-masonry{display:none!important}
  .custom-idea-masonry{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
    align-items:start;
  }
  .custom-idea-masonry-column{
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
  }
  .custom-idea-masonry .custom-idea-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .custom-idea-masonry .custom-mobile-bulk-enquiry{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  .custom-idea-masonry .custom-mobile-bulk-enquiry img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    object-fit:contain!important;
  }
}


/* ===== v69 customer history + flush mobile bottom navigation ===== */
.customer-history-enquiry .customer-order-head{background:#f3edf5!important;color:#392e3d!important;border-bottom:1px solid #e2d8e5}
.customer-history-enquiry .customer-order-head span{color:#7b6d7e!important}
.customer-history-enquiry .customer-order-head h2{color:#64116f!important}
.customer-history-enquiry .customer-order-head small{color:#857989!important}
.customer-history-enquiry .customer-order-head strong{color:#64116f!important}
.customer-enquiry-history-item>img{object-fit:cover!important;background:#f4f0f5}
.customer-enquiry-history-item>div:nth-child(2){min-width:0}
.customer-enquiry-history-item>div:nth-child(2)>p{margin:5px 0;color:#64116f;font-size:10px;font-weight:800}
.customer-enquiry-history-item>div:nth-child(2)>small{display:block;margin-top:6px;color:#817585;font-size:9px;line-height:1.45}
.customer-enquiry-history-placeholder{width:155px;height:145px;display:grid;place-items:center;border:1px solid #e5dce7;border-radius:12px;background:#f7f3f8;color:#64116f}
.customer-enquiry-history-placeholder svg{width:30px;height:30px}
@media(max-width:620px){
  .customer-enquiry-history-placeholder{width:105px;height:112px}
}

/* Keep the main customer navigation physically attached to the bottom edge.
   No floating card, no side gaps, and no raised centre button. */
@media(max-width:820px){
  .mobile-bottom{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(66px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    padding:4px 6px max(4px,env(safe-area-inset-bottom))!important;
    gap:0!important;
    border:0!important;
    border-top:1px solid #e5dde7!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:hidden!important;
  }
  .mobile-bottom button,
  .mobile-bottom button:nth-child(3),
  .mobile-bottom .create-only{
    width:auto!important;
    height:auto!important;
    min-height:54px!important;
    margin:0!important;
    border:0!important;
    border-radius:10px!important;
    transform:none!important;
    box-shadow:none!important;
  }
  .mobile-bottom button:nth-child(3),
  .mobile-bottom .create-only{
    background:#64116f!important;
    color:#fff!important;
  }
  .mobile-bottom button:nth-child(3) svg,
  .mobile-bottom .create-only svg{transform:none!important}
  .mobile-bottom button:nth-child(3):after,
  .mobile-bottom .create-only:after{display:none!important;content:none!important}
  footer{margin-bottom:0!important;padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
  .customer-orders-page{padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}
}

/* ===== v70 Sportswear Custom Catalogue type + fabric pricing ===== */
.custom-sportswear-options .custom-sportswear-type-grid{margin-bottom:2px}
.custom-sportswear-type-choice{grid-template-columns:1fr;grid-template-areas:"name" "price" "meta";align-content:start}
.custom-sportswear-type-choice small{white-space:normal!important;line-height:1.35}
.custom-sportswear-type-choice span{margin-top:1px}
@media(max-width:520px){
  .custom-sportswear-type-choice{padding:10px 9px}
  .custom-sportswear-type-choice small{font-size:9px!important}
}


/* ===== v71 old-style mobile navigation, attached to the absolute bottom ===== */
@media(max-width:820px){
  .mobile-bottom{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(72px + env(safe-area-inset-bottom))!important;
    margin:0!important;
    padding:6px 8px max(4px,env(safe-area-inset-bottom))!important;
    gap:2px!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    border:0!important;
    border-top:1px solid rgba(83,42,90,.12)!important;
    border-radius:22px 22px 0 0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -10px 30px rgba(62,24,68,.13)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:visible!important;
  }
  .mobile-bottom button{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:54px!important;
    margin:0!important;
    border:0!important;
    border-radius:13px!important;
    background:transparent!important;
    color:#796f7c!important;
    box-shadow:none!important;
    transform:none!important;
    font-size:8px!important;
    font-weight:800!important;
    gap:3px!important;
  }
  .mobile-bottom button.active{
    background:#f0e5f2!important;
    color:#671572!important;
  }
  .mobile-bottom button:nth-child(3),
  .mobile-bottom .create-only{
    width:56px!important;
    height:56px!important;
    min-height:56px!important;
    margin:-17px auto 0!important;
    border:4px solid #f6f1f7!important;
    border-radius:18px!important;
    background:linear-gradient(145deg,#7d2588,#50105c)!important;
    color:#fff!important;
    box-shadow:0 9px 20px rgba(78,17,89,.30)!important;
    transform:none!important;
  }
  .mobile-bottom button:nth-child(3) svg,
  .mobile-bottom .create-only svg{
    width:22px!important;
    height:22px!important;
    transform:none!important;
  }
  .mobile-bottom button:nth-child(3):after,
  .mobile-bottom .create-only:after{
    display:none!important;
    content:none!important;
  }
  footer{
    margin-bottom:0!important;
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .customer-orders-page,
  .profile-page,
  .simple-cart-page{
    padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
  }
}

/* Sportswear item-level selector in Admin / Management */
.sportswear-item-option-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:16px 0 9px;padding-top:4px}
.sportswear-item-option-heading:first-child{margin-top:0}
.sportswear-item-option-heading b{font-size:13px;color:#332b35}
.sportswear-item-option-heading small{font-size:10px;color:#857987;text-align:right}
.sportswear-item-type-grid .sportswear-item-type-card{min-height:0}
.sportswear-item-type-card .item-fabric-top{min-height:62px}
@media(max-width:680px){
  .sportswear-item-option-heading{display:grid;gap:3px}
  .sportswear-item-option-heading small{text-align:left}
}

/* ===== v75 fullscreen simple freeform front/back crop ===== */
.team-crop-overlay{position:fixed;inset:0;z-index:460;display:block;padding:0;background:#fff;overflow:hidden}
.team-crop-modal{position:absolute;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none;padding:0;display:flex;flex-direction:column}
.team-crop-modal>header{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:env(safe-area-inset-top) 14px 0;background:#fff;border:0;border-radius:0;box-sizing:content-box}
.team-crop-modal>header h2{margin:0;font-size:22px;letter-spacing:-.03em;color:#1d1720}.team-crop-close{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:0;background:#fff;color:#1d1720;font-size:28px;line-height:1;cursor:pointer}
.team-crop-stage{position:relative;flex:1 1 auto;width:100%;height:auto;min-height:0;overflow:hidden;border:0;border-radius:0;background:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
.team-crop-image{position:absolute;display:block;max-width:none!important;max-height:none!important;object-fit:fill;touch-action:none;user-select:none;-webkit-user-drag:none;cursor:grab}.team-crop-stage:active .team-crop-image{cursor:grabbing}
.team-crop-box{position:absolute;z-index:2;box-sizing:border-box;border:2px solid #fff;outline:1px solid rgba(0,0,0,.28);box-shadow:0 0 0 9999px rgba(0,0,0,.34);pointer-events:none;opacity:0}
.team-crop-handle{position:absolute;width:34px;height:34px;z-index:3;pointer-events:auto;touch-action:none}.team-crop-handle::after{content:"";position:absolute;width:14px;height:14px}
.team-crop-handle.nw{left:-2px;top:-2px;cursor:nwse-resize}.team-crop-handle.nw::after{left:0;top:0;border-left:3px solid #fff;border-top:3px solid #fff}.team-crop-handle.ne{right:-2px;top:-2px;cursor:nesw-resize}.team-crop-handle.ne::after{right:0;top:0;border-right:3px solid #fff;border-top:3px solid #fff}.team-crop-handle.sw{left:-2px;bottom:-2px;cursor:nesw-resize}.team-crop-handle.sw::after{left:0;bottom:0;border-left:3px solid #fff;border-bottom:3px solid #fff}.team-crop-handle.se{right:-2px;bottom:-2px;cursor:nwse-resize}.team-crop-handle.se::after{right:0;bottom:0;border-right:3px solid #fff;border-bottom:3px solid #fff}
.team-crop-modal>footer{min-height:64px;display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;border:0;border-radius:0}
.team-crop-modal>footer .secondary,.team-crop-modal>footer .primary{min-width:112px;justify-content:center;border-radius:0!important}
@media(max-width:620px){.team-crop-modal>header{height:52px;min-height:52px;padding-left:12px;padding-right:8px}.team-crop-modal>header h2{font-size:20px}.team-crop-modal>footer{display:grid;grid-template-columns:1fr 1fr;padding-left:10px;padding-right:10px}.team-crop-modal>footer .secondary,.team-crop-modal>footer .primary{width:100%;min-width:0}}


/* ===== v76 crop side gap + visible cancel ===== */
.team-crop-stage{
  width:calc(100% - 24px);
  margin-left:12px;
  margin-right:12px;
  box-sizing:border-box;
}
.team-crop-modal>footer .secondary{
  color:#64116f!important;
  background:#fff!important;
  border-color:#64116f!important;
  opacity:1!important;
  -webkit-text-fill-color:#64116f;
}
@media(max-width:620px){
  .team-crop-stage{
    width:calc(100% - 20px);
    margin-left:10px;
    margin-right:10px;
  }
}


/* v77 Uniform Custom Catalogue highlights */
.uniform-feature-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}
.uniform-feature-highlights span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(100,17,111,.18);border-radius:8px;background:#f8f2f9;color:#5f1768;font-size:10px;font-weight:800;line-height:1.2}
.uniform-card-highlights{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.uniform-card-highlights i{max-width:100%;padding:4px 7px;border:1px solid rgba(100,17,111,.14);border-radius:6px;background:#faf6fb;color:#6b3b70;font-size:8px;font-style:normal;font-weight:800;line-height:1.2}

/* Uniform Top / Bottom customer highlights */
.uniform-feature-highlights{gap:10px;margin:18px 0 22px}
.uniform-feature-highlights span{display:grid;gap:3px;min-width:145px;min-height:54px;padding:10px 14px;border:1px solid rgba(100,17,111,.22);border-radius:10px;background:#f8f2f9;color:#5f1768;line-height:1.25}
.uniform-feature-highlights span b{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7c4c82}
.uniform-feature-highlights span i{font-size:13px;font-style:normal;font-weight:900;color:#54115d}
.uniform-card-highlights{gap:7px;margin-top:10px}
.uniform-card-highlights i{display:grid;gap:2px;max-width:100%;min-width:88px;padding:7px 9px;border:1px solid rgba(100,17,111,.18);border-radius:8px;background:#faf6fb;color:#6b3b70;font-style:normal;line-height:1.2}
.uniform-card-highlights i b{font-size:7px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:#8b6490}
.uniform-card-highlights i span{font-size:10px;font-weight:900;color:#5d2365}
@media(max-width:620px){
  .uniform-feature-highlights{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .uniform-feature-highlights span{min-width:0;min-height:58px;padding:10px 11px}
  .uniform-feature-highlights span i{font-size:12px}
}

/* Customer checkout: styled delivery + Cash on Delivery only */
.styled-checkout-page{max-width:1180px}
.styled-checkout-card{padding:34px;background:linear-gradient(180deg,#fff 0%,#fdfbfd 100%);border-color:rgba(94,43,103,.14)!important}
.delivery-payment-step{display:grid;gap:20px}
.checkout-step-title{padding-bottom:18px;border-bottom:1px solid #eee7ef}
.checkout-step-title h1{margin:7px 0 7px;font-size:42px;line-height:1;letter-spacing:-.055em}
.checkout-step-title p{margin:0;max-width:640px;color:#7c7080;font-size:12px;line-height:1.6}
.checkout-address-preview{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border:1px solid #e7dfe9;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(58,32,63,.05)}
.checkout-address-preview .checkout-option-icon{background:#f2eaf4}
.checkout-address-preview>div{display:grid;gap:2px;min-width:0}
.checkout-address-preview small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#95889a}
.checkout-address-preview b{font-size:13px;color:#281e2b}
.checkout-address-preview p{margin:1px 0 0;color:#776c7a;font-size:10px;line-height:1.45;white-space:normal}
.checkout-address-preview>button{height:34px;padding:0 13px;border:1px solid #ded4e0;border-radius:10px;background:#fff;color:#64116f;font-size:9px;font-weight:900;cursor:pointer}
.checkout-option-section{padding:17px;border:1px solid #e8e0ea;border-radius:18px;background:#fbf9fc}
.checkout-option-heading{margin-bottom:12px}
.checkout-option-heading>div{display:flex;align-items:center;gap:10px}
.checkout-option-heading>div>span{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#64116f;color:#fff;font-size:9px;font-weight:900}
.checkout-option-heading>div>div{display:grid;gap:1px}
.checkout-option-heading b{font-size:13px;color:#2c222f}
.checkout-option-heading small{font-size:9px;color:#908493}
.delivery-method-grid{display:grid;gap:9px}
.delivery-method-card,.cod-payment-card{width:100%;min-height:70px;display:grid;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e3dbe5;border-radius:14px;background:#fff;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.delivery-method-card{cursor:pointer}
.delivery-method-card:hover{border-color:#caa9ce;box-shadow:0 9px 20px rgba(75,42,81,.07)}
.delivery-method-card.active,.cod-payment-card.active{border-color:#7b3586;box-shadow:0 0 0 1px rgba(100,17,111,.08),0 11px 26px rgba(88,48,94,.08);background:#fff}
.checkout-option-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f5f0f6;color:#64116f}
.checkout-option-icon svg{width:19px;height:19px}
.delivery-method-copy{display:grid;gap:4px;min-width:0}
.delivery-method-copy b{font-size:12px;color:#2a202c}
.delivery-method-copy small{font-size:9px;line-height:1.45;color:#8d818f}
.delivery-check{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#f2e9f4;color:#64116f}
.delivery-check:empty{background:#f4f1f4;border:1px solid #e3dce4}
.delivery-check svg{width:14px;height:14px}
.payment-only-cod{background:linear-gradient(145deg,#fbf8fc,#fff)}
.cod-payment-card{grid-template-columns:42px minmax(0,1fr) auto 26px}
.cod-icon{background:#eee4f1}
.cod-badge{padding:6px 8px;border-radius:999px;background:#efe7f1;color:#64116f;font-size:7px;font-weight:900;letter-spacing:.09em}
.cod-note{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;border-radius:12px;background:#f4faf6;color:#347047}
.cod-note>svg{width:18px;min-width:18px}
.cod-note>span{display:grid;gap:2px}
.cod-note b{font-size:9px}
.cod-note small{font-size:8px;color:#67806e;line-height:1.45}
.checkout-place-order{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px;padding:17px;border-radius:17px;background:#241b27;color:#fff}
.checkout-place-order>div{display:grid;gap:2px}
.checkout-place-order small{font-size:7px;letter-spacing:.14em;color:#b9adb9}
.checkout-place-order strong{font-size:24px;letter-spacing:-.04em}
.checkout-place-order span{font-size:8px;color:#bfb3c0}
.checkout-place-order .primary{min-width:175px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px}
.styled-checkout-summary{border-color:rgba(94,43,103,.14)!important}
.checkout-summary-cod{margin-top:12px;display:flex!important;align-items:center;gap:6px;color:#64116f!important;font-size:9px!important;font-weight:800}
.checkout-summary-cod svg{width:14px;height:14px}
@media(max-width:760px){
  .styled-checkout-card{padding:18px 13px!important}
  .checkout-step-title h1{font-size:34px}
  .checkout-address-preview{grid-template-columns:38px minmax(0,1fr) auto;padding:12px;gap:10px;border-radius:14px}
  .checkout-option-icon{width:38px;height:38px;border-radius:11px}
  .checkout-option-section{padding:12px;border-radius:15px}
  .delivery-method-card,.cod-payment-card{min-height:66px;grid-template-columns:38px minmax(0,1fr) 24px;padding:10px;gap:10px;border-radius:12px}
  .cod-payment-card{grid-template-columns:38px minmax(0,1fr) 24px}
  .cod-badge{display:none}
  .checkout-place-order{padding:13px;gap:10px;border-radius:14px}
  .checkout-place-order strong{font-size:20px}
  .checkout-place-order .primary{min-width:0;height:44px;padding:0 14px;font-size:9px}
}

/* Order submit lock + progress overlay */
.order-submit-button[disabled]{opacity:.78;cursor:not-allowed;pointer-events:none}
.order-submit-inline-spinner,.order-submit-spinner{display:inline-block;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:oneLineOrderSpin .75s linear infinite}
.order-submit-inline-spinner{width:15px;height:15px;flex:0 0 15px}
.order-submit-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:22px;background:rgba(24,16,27,.66);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);touch-action:none}
.order-submit-loader{width:min(92vw,390px);display:grid;justify-items:center;gap:12px;padding:30px 24px 26px;border:1px solid rgba(100,17,111,.14);border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(22,10,25,.3);text-align:center;color:#241b27}
.order-submit-spinner{width:42px;height:42px;border-width:4px;color:#64116f}
.order-submit-loader strong{margin-top:3px;font-size:20px;letter-spacing:-.03em}
.order-submit-loader p{max-width:300px;margin:0;color:#766b79;font-size:11px;line-height:1.55}
.order-submit-loader small{color:#968a99;font-size:9px;font-weight:700}
.order-submit-dots{display:flex;align-items:center;justify-content:center;gap:6px;height:14px}
.order-submit-dots i{width:7px;height:7px;border-radius:50%;background:#64116f;animation:oneLineOrderDot 1s ease-in-out infinite}
.order-submit-dots i:nth-child(2){animation-delay:.14s}.order-submit-dots i:nth-child(3){animation-delay:.28s}
@keyframes oneLineOrderSpin{to{transform:rotate(360deg)}}
@keyframes oneLineOrderDot{0%,70%,100%{transform:translateY(0);opacity:.35}35%{transform:translateY(-5px);opacity:1}}
@media(max-width:620px){.order-submit-loader{border-radius:18px;padding:26px 18px 23px}.order-submit-loader strong{font-size:18px}.order-submit-spinner{width:38px;height:38px}}
.design-surface-gallery figure>img{display:block;width:100%;height:73px;object-fit:contain;border-radius:6px;background:#f5f1f6}
@media(max-width:760px){.design-surface-gallery figure>img{height:52px}}


/* Kids Uniform customer selector */
.kids-uniform-picker{display:grid;gap:22px;margin:18px 0}.kids-uniform-part{display:grid;gap:12px}.kids-uniform-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kids-uniform-choice{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid #ddd3df;border-radius:13px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.kids-uniform-choice.active{border-color:#74157d;box-shadow:0 0 0 1px #74157d;background:#fbf5fc}.kids-uniform-choice.out{opacity:.48;cursor:not-allowed}.kids-uniform-choice-image{width:58px;height:66px;flex:0 0 58px;border-radius:9px;overflow:hidden;background:#f5f1f6}.kids-uniform-choice-image img{width:100%;height:100%;object-fit:cover}.kids-uniform-choice-copy{display:grid;gap:3px;min-width:0}.kids-uniform-choice-copy b{font-size:13px}.kids-uniform-choice-copy small{font-size:9px;color:var(--muted)}.kids-uniform-choice-copy strong{font-size:11px;color:#6d1777}
.kids-uniform-size-picker{display:grid;gap:8px}.kids-uniform-size-picker>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8a768e}.kids-uniform-size-picker>div{display:flex;flex-wrap:wrap;gap:7px}.kids-uniform-size-picker button{min-width:76px;padding:8px 10px;border:1px solid #ddd3df;border-radius:9px;background:#fff;display:grid;gap:2px;text-align:left;cursor:pointer}.kids-uniform-size-picker button.active{background:#64116f;color:#fff;border-color:#64116f}.kids-uniform-size-picker button.out{opacity:.42;cursor:not-allowed}.kids-uniform-size-picker b{font-size:11px}.kids-uniform-size-picker small{font-size:8px;color:inherit;opacity:.72}
.kids-uniform-selected{border-radius:14px;background:#211b22;color:#fff;padding:14px;display:grid;gap:8px}.kids-uniform-selected span{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;font-size:10px}.kids-uniform-selected span b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#c8bacb}.kids-uniform-selected strong{font-size:11px}.kids-uniform-selected em{font-style:normal;font-weight:900;font-size:15px;text-align:right;border-top:1px solid rgba(255,255,255,.12);padding-top:8px}
.kids-uniform-description{display:grid;gap:14px;margin:20px 0}.kids-uniform-description section{display:grid;gap:8px}.kids-uniform-description h3{margin:0;font-size:13px;font-weight:900;color:#4f1756}.kids-uniform-description section>div{display:grid;gap:6px}.kids-uniform-description span{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.45;color:#514a53}.kids-uniform-description .icon{width:14px;height:14px;flex:0 0 14px;color:#6f1478}.kids-uniform-description i{font-style:normal}
@media(max-width:560px){.kids-uniform-choice-grid{grid-template-columns:1fr 1fr}.kids-uniform-choice{display:grid;grid-template-columns:48px 1fr;padding:8px;gap:8px}.kids-uniform-choice-image{width:48px;height:58px}.kids-uniform-choice-copy b{font-size:11px}.kids-uniform-selected span{grid-template-columns:54px 1fr}.kids-uniform-selected strong{grid-column:2;text-align:left}}


/* Simplified Kids Uniform item cards */
.kids-uniform-picker.simple-garments{gap:14px}.kids-uniform-garment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kids-uniform-garment-card{border:1px solid #ded5e0;border-radius:14px;background:#fff;overflow:hidden;display:grid}.kids-uniform-garment-card.out{opacity:.58}.kids-uniform-garment-image{aspect-ratio:4/3;background:#f6f2f7;overflow:hidden}.kids-uniform-garment-image img{width:100%;height:100%;object-fit:cover}.kids-uniform-garment-copy{padding:12px;display:grid;gap:10px}.kids-uniform-garment-copy>div:first-child{display:grid;gap:2px}.kids-uniform-garment-copy>div:first-child b{font-size:14px}.kids-uniform-garment-copy>div:first-child small{font-size:9px;color:var(--muted)}
@media(max-width:560px){.kids-uniform-garment-grid{grid-template-columns:1fr 1fr;gap:9px}.kids-uniform-garment-copy{padding:9px}.kids-uniform-garment-copy>div:first-child b{font-size:12px}.kids-uniform-size-picker>div{gap:5px}.kids-uniform-size-picker button{min-width:58px;padding:7px 8px}}


/* Kids Uniform v3: button-only choices; selected option controls main gallery */
.uniform-button-picker{gap:16px!important}.kids-uniform-option-part{display:grid;gap:8px}.kids-uniform-option-part>span{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#87778b}.kids-uniform-option-part>div{display:flex;flex-wrap:wrap;gap:8px}.kids-uniform-option-button,.kids-uniform-size-button{min-width:98px;min-height:44px;padding:9px 14px;border:1px solid #ddd3df;border-radius:10px;background:#fff;color:#2a222c;display:grid;place-items:center;gap:2px;text-align:center;cursor:pointer;font:inherit}.kids-uniform-option-button b,.kids-uniform-size-button b{font-size:11px}.kids-uniform-option-button small{font-size:7px;color:#968a99}.kids-uniform-option-button.active,.kids-uniform-size-button.active{border-color:#74157d;background:#74157d;color:#fff;box-shadow:0 6px 16px rgba(100,17,111,.13)}.kids-uniform-option-button.active small{color:#fff}.kids-uniform-option-button.out{opacity:.45;cursor:not-allowed}.uniform-common-size .kids-uniform-size-button{min-width:56px}.kids-uniform-selected-summary{display:flex;flex-wrap:wrap;gap:7px;padding-top:3px}.kids-uniform-selected-summary span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#f6f0f7;color:#5f1768}.kids-uniform-selected-summary b{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#8c6d90}.kids-uniform-selected-summary strong{font-size:9px}
@media(max-width:560px){.kids-uniform-option-part>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.uniform-common-size>div{display:flex;flex-wrap:wrap}.kids-uniform-option-button{width:100%;min-width:0}.kids-uniform-selected-summary{display:grid;grid-template-columns:1fr 1fr}.kids-uniform-selected-summary span:last-child:nth-child(odd){grid-column:1/3}}

/* Kids Uniform live inventory */
.kids-uniform-live-stock{display:grid;gap:3px;padding:11px 12px;border:1px solid #d9cedb;border-radius:10px;background:#faf7fb}.kids-uniform-live-stock>span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8a768e}.kids-uniform-live-stock>strong{font-size:13px;color:#4f1756}.kids-uniform-live-stock>small{font-size:8px;color:#8c818e}.kids-uniform-live-stock.low{border-color:#e1b8b8;background:#fff8f8}.kids-uniform-live-stock.low>strong{color:#a33333}


/* Kids Uniform size-quantity ordering */
.kids-uniform-option-button.made-to-order{border-style:dashed}.kids-uniform-option-button.made-to-order small{color:#9a6a30}.kids-uniform-option-button.active.made-to-order small{color:#fff}
.kids-uniform-size-qty{display:grid;gap:9px}.kids-uniform-size-qty-head{display:grid;gap:2px}.kids-uniform-size-qty-head>span{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#87778b}.kids-uniform-size-qty-head>small{font-size:8px;color:#938696}.kids-uniform-size-qty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kids-uniform-size-qty-row{display:grid;grid-template-columns:1fr 72px auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #ddd3df;border-radius:10px;background:#fff}.kids-uniform-size-qty-row>span{display:grid;gap:1px}.kids-uniform-size-qty-row b{font-size:11px}.kids-uniform-size-qty-row small{font-size:7px;color:#918594}.kids-uniform-size-qty-row input{width:100%;min-width:0;height:36px;border:1px solid #d9cedb;border-radius:8px;background:#faf8fb;padding:0 8px;text-align:center;font:800 13px/1 inherit;color:#2a222c;outline:none}.kids-uniform-size-qty-row input:focus{border-color:#74157d;box-shadow:0 0 0 2px rgba(116,21,125,.08)}.kids-uniform-size-qty-row em{font-style:normal;font-size:8px;color:#8c818e}.kids-uniform-size-qty-empty{padding:10px 12px;border:1px dashed #d7cbd9;border-radius:10px;font-size:9px;color:#847788}
@media(max-width:560px){.kids-uniform-size-qty-grid{grid-template-columns:1fr}.kids-uniform-size-qty-row{grid-template-columns:1fr 80px auto}}

/* V-Neck Sportswear garment option */
.stage-garment-type .garment-type-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.stage-garment-type .garment-type-cards button b{white-space:normal!important;text-overflow:clip!important;line-height:1.15!important}
@media(max-width:390px){.stage-garment-type .garment-type-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stage-garment-type .garment-type-cards button{padding:7px 4px!important}.stage-garment-type .garment-type-cards button b{font-size:9px!important}.stage-garment-type .garment-type-cards button small{font-size:7px!important}}

/* Kids Uniform multi-item ordering */
.uniform-multi-options>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.uniform-multi-options .kids-uniform-option-button{width:100%;min-width:0}.uniform-multi-options .kids-uniform-option-button.out{opacity:.42;cursor:not-allowed}.kids-uniform-size-qty-row.stock-aware{grid-template-columns:1fr;align-items:stretch;gap:7px}.kids-uniform-size-qty-row.stock-aware>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.kids-uniform-size-qty-row.stock-aware>span small{font-size:8px;font-weight:800;color:#6d1777}.kids-uniform-size-qty-row.stock-aware>label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.kids-uniform-size-qty-row.stock-aware>label small{font-size:8px;font-weight:800;color:#8a768e}.kids-uniform-size-qty-row.stock-aware>label input{width:100%;height:38px}.kids-uniform-size-qty-row.stock-aware.out{opacity:.62;background:#faf8fa}.kids-uniform-size-qty-row.stock-aware>em{font-style:normal;font-size:8px;color:#928696}.uniform-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.uniform-order-actions .wide{width:100%;margin:0}.ordered-uniform-item small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
@media(max-width:560px){.uniform-multi-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}.uniform-order-actions{grid-template-columns:1fr 1fr;gap:8px}.uniform-order-actions button{padding-inline:8px}.kids-uniform-size-qty-grid{grid-template-columns:1fr 1fr}.kids-uniform-size-qty-row.stock-aware{padding:9px}}


/* Kids Uniform size-stock-only quantity controls */
.kids-uniform-item-size-groups{display:grid;gap:14px;margin-top:14px}.kids-uniform-item-size-group{display:grid;gap:10px;padding:12px;border:1px solid #e4dbe7;border-radius:14px;background:#fff}.kids-uniform-item-size-group .kids-uniform-size-qty-head{margin:0}.uniform-qty-stepper{display:grid;grid-template-columns:38px 58px 38px;align-items:center;border:1px solid #d9cedd;border-radius:10px;overflow:hidden;background:#fff}.uniform-qty-stepper button{height:40px;border:0;background:#f7f2f8;color:#64116f;font-size:20px;font-weight:800;cursor:pointer}.uniform-qty-stepper input{width:100%;height:40px;border:0;border-left:1px solid #e4dbe7;border-right:1px solid #e4dbe7;text-align:center;font:inherit;font-weight:800;outline:none;-moz-appearance:textfield}.uniform-qty-stepper input::-webkit-outer-spin-button,.uniform-qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.kids-uniform-size-qty-row.stock-aware{grid-template-columns:minmax(0,1fr) auto}.kids-uniform-option-button.out{opacity:.45}.kids-uniform-description{margin-top:24px}
@media(max-width:520px){.uniform-qty-stepper{grid-template-columns:36px 52px 36px}.uniform-qty-stepper button,.uniform-qty-stepper input{height:38px}}
.kids-uniform-description p{margin:0;color:var(--muted);font-size:11px;line-height:1.65;white-space:pre-line}

/* Kids Uniform — simple size selector */
.kids-uniform-item-size-groups{display:grid;gap:18px;margin-top:16px}
.kids-uniform-item-size-group{padding:0;border:0;border-radius:0;background:transparent;display:grid;gap:8px}
.kids-uniform-item-size-group+.kids-uniform-item-size-group{padding-top:16px;border-top:1px solid #eee7f0}
.kids-uniform-item-size-group .kids-uniform-size-qty-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.kids-uniform-item-size-group .kids-uniform-size-qty-head>span{font-size:12px;font-weight:800;letter-spacing:0;text-transform:none;color:#2e2730}
.kids-uniform-item-size-group .kids-uniform-size-qty-head>small{font-size:9px;color:#847788}
.kids-uniform-item-size-group .kids-uniform-size-qty-grid{display:grid;grid-template-columns:1fr;gap:7px}
.kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border:0;border-bottom:1px solid #f1ecf2;border-radius:0;background:transparent}
.kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware:last-child{border-bottom:0}
.kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware>span{display:grid;gap:2px;min-width:0}
.kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware>span b{font-size:12px;font-weight:800;color:#2f2831}
.kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware>span small{font-size:9px;font-weight:600;color:#7f7182}
.kids-uniform-item-size-group .uniform-qty-stepper{display:grid;grid-template-columns:32px 48px 32px;border:1px solid #dfd6e1;border-radius:8px;overflow:hidden;background:#fff;flex:0 0 auto}
.kids-uniform-item-size-group .uniform-qty-stepper button{height:34px;padding:0;border:0;background:#fff;color:#64116f;font-size:18px;font-weight:700;line-height:1;cursor:pointer}
.kids-uniform-item-size-group .uniform-qty-stepper button:active{background:#f6f1f7}
.kids-uniform-item-size-group .uniform-qty-stepper input{width:48px;height:34px;padding:0;border:0;border-left:1px solid #eee7f0;border-right:1px solid #eee7f0;background:#fff;text-align:center;font-size:12px;font-weight:800;color:#2f2831;outline:none}
.kids-uniform-item-size-group .kids-uniform-size-qty-empty{padding:10px 0;border:0;border-radius:0;background:transparent;font-size:9px;color:#8b808d}
@media(max-width:520px){
  .kids-uniform-item-size-groups{gap:15px}
  .kids-uniform-item-size-group+.kids-uniform-item-size-group{padding-top:14px}
  .kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware{padding:8px 0}
  .kids-uniform-item-size-group .uniform-qty-stepper{grid-template-columns:30px 44px 30px}
  .kids-uniform-item-size-group .uniform-qty-stepper button,.kids-uniform-item-size-group .uniform-qty-stepper input{height:32px}
  .kids-uniform-item-size-group .uniform-qty-stepper input{width:44px}
}


/* Kids Uniform rates + clearer size/stock row */
.kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware{padding:10px 0!important}
.kids-uniform-item-size-group .uniform-size-stock-inline{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:0!important}
.kids-uniform-item-size-group .uniform-size-stock-inline>b{font-size:15px!important;font-weight:850!important;line-height:1!important;color:#251f27!important;min-width:28px!important}
.kids-uniform-item-size-group .uniform-size-stock-inline>small{font-size:9px!important;font-weight:750!important;color:#77697a!important;white-space:nowrap!important}
.kids-uniform-item-size-group .uniform-size-stock-inline>em{font-style:normal!important;font-size:9px!important;font-weight:850!important;color:#64116f!important;white-space:nowrap!important}
@media(max-width:420px){.kids-uniform-item-size-group .uniform-size-stock-inline{gap:7px!important}.kids-uniform-item-size-group .uniform-size-stock-inline>b{font-size:14px!important}}

/* Kids Uniform live selected total */
.kids-uniform-selected-summary .uniform-selected-price{background:#64116f!important;color:#fff!important;padding:10px 14px!important;min-height:44px!important;border-radius:10px!important;gap:8px!important}
.kids-uniform-selected-summary .uniform-selected-price b{color:rgba(255,255,255,.76)!important;font-size:8px!important}
.kids-uniform-selected-summary .uniform-selected-price strong{color:#fff!important;font-size:14px!important;line-height:1!important}

/* Named B2B account pricing */
.b2b-assigned-rate strong{font-size:1rem;color:#6b1c77}
.b2b-assigned-rate span{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b2b-account-rate{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border-radius:14px;background:#f5edf7;color:#6b1c77;font-size:1.35rem;font-weight:900;letter-spacing:-.02em}
.b2b-login-card p{line-height:1.55}

/* Full B2B product detail */
.b2b-detail-rate{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.b2b-detail-rate small{font-size:.78rem;font-weight:700;color:#6b1c77;background:#f5edf7;padding:5px 8px;border-radius:999px}
.b2b-rate-missing{color:#6b1c77;background:#f5edf7}
.b2b-product .custom-enquiry-btn{margin-top:18px}

/* B2B catalogue categories mirror the customer catalogue. */
.b2b-category-section{margin-top:18px;margin-bottom:24px}
.b2b-category-section .section-heading{margin-bottom:14px}
.b2b-category-grid{margin-top:0}
.b2b-category-card{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.b2b-category-card:hover{transform:translateY(-2px)}
.b2b-category-card.active{border-color:#6b1c77!important;box-shadow:0 0 0 2px rgba(107,28,119,.12)}
.b2b-category-card.active .category-code{color:#6b1c77}
.b2b-catalog .catalog-code-search{margin-bottom:18px}
@media(max-width:720px){.b2b-category-section{margin-top:12px;margin-bottom:18px}.b2b-category-section .section-heading-copy p{display:none}.b2b-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.b2b-actions button{min-width:0;padding-left:7px!important;padding-right:7px!important}}


/* B2B category-first catalogue: clean main page, stable refresh and responsive grids. */
.b2b-clean-toolbar,.b2b-category-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 24px}
.b2b-account-chip{display:flex;align-items:center;gap:9px;min-width:0}
.b2b-account-chip span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;background:#f4eaf6;color:#6b1c77;font-size:9px;font-weight:900;letter-spacing:.08em}
.b2b-account-chip b{font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b2b-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.b2b-toolbar-actions button{min-height:38px;padding:0 13px}
.b2b-category-section{margin:0 0 28px!important}
.b2b-category-heading{margin:0 0 15px}
.b2b-category-heading .eyebrow{display:block;margin-bottom:4px}
.b2b-category-heading h1{margin:0;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.04em}
.b2b-category-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;border:0!important;background:transparent!important}
.b2b-category-grid .b2b-category-card,.b2b-category-grid .b2b-category-card:first-child{grid-column:auto!important;transform:none!important;min-width:0!important}
.b2b-category-page-head{align-items:flex-end}
.b2b-category-title{min-width:0;flex:1}
.b2b-category-title h1{margin:3px 0 0;font-size:clamp(30px,4vw,52px);line-height:.98;letter-spacing:-.045em}
.b2b-back-categories{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid #d8cedb;border-radius:10px;background:#fff;color:#211a23;font-weight:800;cursor:pointer}
.b2b-back-categories svg{width:15px;height:15px;transform:rotate(180deg)}
.b2b-category-search{margin:0 0 18px!important}
.b2b-category-items-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.b2b-category-items-grid .wellone-card.product-card{height:auto!important;min-height:0!important}
.b2b-category-items-grid .b2b-assigned-rate{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:7px!important;margin-top:10px!important}
.b2b-category-items-grid .b2b-assigned-rate strong{line-height:1.1!important}
.b2b-category-items-grid .b2b-assigned-rate span{display:block!important;line-height:1.25!important}
@media(max-width:1399px){
  .b2b-category-grid,.b2b-category-items-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:899px){
  .b2b-category-grid,.b2b-category-items-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}
  .b2b-category-page-head{align-items:flex-start;flex-wrap:wrap}
  .b2b-category-title{order:-1;flex-basis:100%}
}
@media(max-width:599px){
  .b2b-clean-toolbar{margin-top:2px;margin-bottom:17px;align-items:flex-start}
  .b2b-toolbar-actions{gap:5px}
  .b2b-toolbar-actions button{min-height:35px;padding:0 9px!important;font-size:9px!important}
  .b2b-category-grid,.b2b-category-items-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .b2b-category-grid .b2b-category-card,.b2b-category-grid .b2b-category-card:first-child{grid-column:auto!important;min-height:0!important}
  .b2b-category-grid .b2b-category-card .category-photo,.b2b-category-grid .b2b-category-card:first-child .category-photo{min-height:0!important;aspect-ratio:1/1!important}
  .b2b-category-page-head{gap:10px;margin-bottom:15px}
  .b2b-category-title h1{font-size:32px}
  .b2b-back-categories{min-height:36px;padding:0 10px;font-size:10px}
  .b2b-category-items-grid .b2b-assigned-rate{gap:6px!important;margin-top:8px!important}
}

/* B2B category home uses the exact customer category-card sizing. */
.b2b-category-home .b2b-category-section{margin:0 0 28px!important}
.b2b-category-home .categories-only-grid{margin-top:0!important}
@media(max-width:760px){
  .b2b-category-home .categories-only-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .b2b-category-home .categories-only-grid .real-category-card{min-width:0!important;width:100%!important;padding:8px!important;border-radius:16px!important}
  .b2b-category-home .categories-only-grid .category-photo{width:100%!important;height:auto!important;aspect-ratio:3/4!important;margin:0!important;min-height:0!important}
  .b2b-category-home .categories-only-grid .real-category-card>div:last-of-type{padding:10px!important;min-height:0!important}
  .b2b-category-home .categories-only-grid .real-category-card h3{font-size:15px!important;line-height:1.2!important;margin:0!important}
}

/* B2B publishable reseller storefront */
.b2b-account-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(107,28,119,.16);background:#f4edf5}
.b2b-publish-warning{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-8px 0 20px;padding:12px 14px;border:1px solid #ead8ee;border-radius:13px;background:#fbf5fc;color:#4e2655}
.b2b-publish-warning b{font-size:12px}.b2b-publish-warning span{font-size:10px;flex:1;min-width:180px;color:#7a687d}.b2b-publish-warning button{border:0;border-radius:9px;background:#6b1c77;color:#fff;min-height:34px;padding:0 12px;font-weight:800;font-size:9px;cursor:pointer}
.b2b-toolbar-actions .icon{width:14px;height:14px}
.b2b-settings-overlay{z-index:1600!important;align-items:center!important;justify-content:center!important;padding:18px!important}
.b2b-settings-card{position:relative;width:min(520px,100%);max-height:min(760px,92dvh);overflow:auto;padding:28px;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(34,15,38,.24)}
.b2b-settings-card>.close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f4eff5;display:grid;place-items:center;cursor:pointer}.b2b-settings-card>.close .icon{width:18px}
.b2b-settings-card h2{margin:6px 45px 7px 0;font-size:32px;letter-spacing:-.04em}.b2b-settings-intro{margin:0 0 22px;color:#756d78;font-size:11px;line-height:1.55}
.b2b-settings-card form{display:grid;gap:15px}.b2b-settings-card form>label{display:grid;gap:7px}.b2b-settings-card form>label>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.b2b-settings-card form>label input{height:48px;border:1px solid #ddd3df;border-radius:11px;padding:0 13px;font:inherit;outline:0}.b2b-settings-card form>label input:focus{border-color:#6b1c77;box-shadow:0 0 0 3px rgba(107,28,119,.08)}.b2b-settings-card form>label small{font-size:9px;color:#877d89;line-height:1.45}
.b2b-profile-editor{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #e4dbe6;border-radius:14px;background:#faf8fa}.b2b-profile-preview{width:68px;height:68px;flex:0 0 68px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#6b1c77,#b241bf);display:grid;place-items:center;color:#fff;font-size:25px;font-weight:900}.b2b-profile-preview img{width:100%;height:100%;object-fit:cover}.b2b-photo-button{position:relative;display:inline-flex!important;align-items:center;gap:7px;width:auto!important;min-height:38px;padding:0 12px!important;border-radius:9px!important;cursor:pointer!important}.b2b-photo-button .icon{width:15px}
.b2b-public-link-box{display:grid;gap:8px;padding:13px;border-radius:13px;background:#f6f1f7}.b2b-public-link-box>span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#6b1c77}.b2b-public-link-box code{display:block;overflow:auto;padding:10px;border-radius:8px;background:#fff;color:#39303b;font:600 10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.b2b-public-link-box button{justify-self:start;display:inline-flex;align-items:center;gap:6px}.b2b-public-link-box button .icon{width:14px}

.b2b-public-root{min-height:100dvh;background:#fbfafb;color:#1e1920}.b2b-public-header{position:sticky;top:0;z-index:80;min-height:72px;padding:10px max(14px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #ece7ed;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.b2b-public-brand{min-width:0;display:flex;align-items:center;gap:10px;border:0;background:transparent;text-align:left;cursor:pointer}.b2b-public-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#6b1c77,#b238be);color:#fff;font-size:18px;font-weight:900}.b2b-public-avatar img{width:100%;height:100%;object-fit:cover}.b2b-public-brand>span:last-child{display:grid;gap:2px;min-width:0}.b2b-public-brand b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b2b-public-brand small{font-size:7px;font-weight:900;letter-spacing:.14em;color:#8d828f}.b2b-public-share{height:40px;padding:0 13px;border:1px solid #ddd4df;border-radius:10px;background:#fff;display:flex;align-items:center;gap:7px;font-size:9px;font-weight:850;cursor:pointer}.b2b-public-share .icon{width:15px}
.b2b-public-page{min-height:calc(100dvh - 72px);padding-top:28px;padding-bottom:70px}.b2b-public-page.section-wrap{max-width:1320px}.b2b-public-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:32px;border:1px solid #ebe4ed;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#faf4fb 68%,#f4e7f6 100%);margin-bottom:38px}.b2b-public-hero h1{margin:5px 0 10px;font-size:clamp(38px,6vw,72px);line-height:.92;letter-spacing:-.055em}.b2b-public-hero p{max-width:620px;margin:0;color:#746c76;font-size:12px;line-height:1.6}
.b2b-public-ask{min-height:48px;padding:0 20px;border:0;border-radius:12px;background:#18a94f;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:850 11px/1 inherit;cursor:pointer;box-shadow:0 12px 24px rgba(19,145,68,.18)}.b2b-public-ask .whatsapp-logo{width:21px;height:21px}.b2b-public-ask.generic{flex:0 0 auto}
.b2b-public-section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 15px}.b2b-public-section-title h2{margin:0;font-size:26px;letter-spacing:-.035em}.b2b-public-section-title span{font-size:9px;color:#887f8a}.b2b-public-categories{margin-bottom:44px}.b2b-public-all{padding-top:3px}.b2b-public-category-card{cursor:pointer}
.b2b-public-products{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.b2b-public-item-card{cursor:pointer}.b2b-public-item-card .product-info{min-height:138px}.b2b-public-ask-inline{margin-top:auto;width:100%;min-height:36px;border:0;border-radius:9px;background:#f4edf6;color:#6b1c77;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:9px;font-weight:900;cursor:pointer}.b2b-public-ask-inline .icon{width:13px}
.b2b-public-category-head{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:18px;margin:8px 0 25px}.b2b-public-category-head h1{margin:4px 0 0;font-size:clamp(34px,5vw,58px);line-height:.95;letter-spacing:-.05em}.b2b-public-back{min-height:40px;padding:0 12px;border:1px solid #ddd5df;border-radius:10px;background:#fff;display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:850;cursor:pointer}.b2b-public-back .icon{width:15px}
.b2b-public-detail{max-width:1320px;margin:0 auto;padding-left:22px;padding-right:22px}.b2b-public-detail>.b2b-public-back{margin-bottom:14px}.b2b-public-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);min-height:640px;border:1px solid #e5dfe7;border-radius:22px;overflow:hidden;background:#fff}.b2b-public-detail-media{min-width:0;background:#f6f3f7;border-right:1px solid #e5dfe7}.b2b-public-detail-copy{padding:34px;display:flex;flex-direction:column;align-items:flex-start}.b2b-public-detail-copy h1{margin:8px 0 0;font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.05em}.b2b-public-detail-copy>p{margin:18px 0;color:#706873;font-size:12px;line-height:1.65}.b2b-public-options{width:100%;margin:18px 0 0}.b2b-public-options>span{display:block;margin-bottom:8px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7d7280}.b2b-public-options>div{display:flex;flex-wrap:wrap;gap:7px}.b2b-public-options b{padding:7px 9px;border:1px solid #e1d8e3;border-radius:8px;background:#fff;font-size:9px}.b2b-public-hidden-price{width:100%;margin-top:24px;padding:16px;border-radius:13px;background:#f7f1f8;display:grid;gap:4px}.b2b-public-hidden-price span{font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8d7e90}.b2b-public-hidden-price strong{font-size:22px;color:#6b1c77}.b2b-public-hidden-price small{font-size:9px;color:#7d7280}.b2b-public-detail-copy>.b2b-public-ask{width:100%;margin-top:13px}
.b2b-public-footer{min-height:86px;padding:22px max(14px,calc((100vw - 1320px)/2));border-top:1px solid #ece7ed;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#766d78;font-size:10px}.b2b-public-footer b{color:#2c242e}.b2b-public-footer small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#a096a2}.b2b-public-loading{min-height:60dvh;display:grid;place-items:center;background:transparent}.b2b-public-loading .one-line-loader{width:90px;height:90px}
@media(max-width:1100px){.b2b-public-products{grid-template-columns:repeat(4,minmax(0,1fr))!important}.b2b-public-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.b2b-settings-card{padding:22px 18px;border-radius:18px}.b2b-public-hero{padding:22px;align-items:flex-start;flex-direction:column}.b2b-public-products{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important}.b2b-public-category-head{grid-template-columns:1fr auto;align-items:start}.b2b-public-category-head>.b2b-public-back{grid-column:1/-1;justify-self:start}.b2b-public-detail{padding:14px}.b2b-public-detail-grid{display:block;min-height:0}.b2b-public-detail-media{border-right:0;border-bottom:1px solid #e5dfe7}.b2b-public-detail-copy{padding:22px 17px}.b2b-public-footer{padding-bottom:32px}}
@media(max-width:560px){.b2b-public-header{min-height:64px;padding:9px 12px}.b2b-public-avatar{width:40px;height:40px;flex-basis:40px}.b2b-public-share span{display:none}.b2b-public-share{width:40px;padding:0;justify-content:center}.b2b-public-page{padding-top:18px}.b2b-public-page.section-wrap{padding-left:12px!important;padding-right:12px!important}.b2b-public-hero{margin-bottom:28px;border-radius:18px}.b2b-public-hero h1{font-size:42px}.b2b-public-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.b2b-public-item-card .product-info{min-height:128px;padding:10px!important}.b2b-public-category-head h1{font-size:34px}.b2b-public-detail{padding:10px}.b2b-public-detail-grid{border-radius:16px}.b2b-public-footer{align-items:flex-start;flex-direction:column}.b2b-toolbar-actions button{font-size:8px!important}.b2b-publish-warning{margin-top:0}}

/* B2B branded storefront controls — brand identity first, actions below on the right. */
.b2b-brand-panel{display:grid;gap:11px;margin:7px 0 22px;min-width:0}
.b2b-brand-panel .b2b-account-chip{display:flex;align-items:center;gap:10px;min-width:0;width:100%}
.b2b-brand-panel .b2b-account-photo{width:44px;height:44px;flex:0 0 44px;border-radius:50%;object-fit:cover;border:1px solid rgba(107,28,119,.16);background:#f4edf5}
.b2b-brand-panel .b2b-account-photo-fallback{display:grid!important;place-items:center!important;padding:0!important;min-height:44px!important;border-radius:50%!important;background:linear-gradient(135deg,#6b1c77,#a932b5)!important;color:#fff!important;font-size:16px!important;letter-spacing:0!important}
.b2b-brand-panel .b2b-account-type{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;border-radius:999px;background:#f4eaf6;color:#6b1c77;font-size:9px;font-weight:900;letter-spacing:.08em}
.b2b-brand-panel .b2b-account-chip b{min-width:0;font-size:18px;line-height:1.25;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
.b2b-brand-panel .b2b-toolbar-actions{width:100%;justify-content:flex-end;align-items:center;gap:8px}
.b2b-brand-panel .b2b-toolbar-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px}
.b2b-category-page-share{align-self:center;white-space:nowrap}

/* Public reseller item options: selectable like the B2B detail page, but never show a rate. */
.b2b-public-option-group{width:100%;margin-top:18px;display:grid;gap:9px}
.b2b-public-option-group>span{font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#7d7280}
.b2b-public-choice-grid{display:flex;flex-wrap:wrap;gap:8px}
.b2b-public-choice-grid button{min-height:38px;padding:0 12px;border:1px solid #dfd6e1;border-radius:9px;background:#fff;color:#352e37;display:inline-flex;align-items:center;gap:7px;font:800 9px/1 inherit;cursor:pointer}
.b2b-public-choice-grid button.active{border-color:#6b1c77;background:#f7eff8;color:#6b1c77;box-shadow:0 0 0 2px rgba(107,28,119,.08)}
.b2b-public-choice-grid button i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12);display:block}
.b2b-public-item-card .b2b-public-ask-inline{pointer-events:none}

@media(max-width:599px){
  .b2b-brand-panel{gap:9px;margin-top:2px;margin-bottom:17px}
  .b2b-brand-panel .b2b-account-photo{width:40px;height:40px;flex-basis:40px}
  .b2b-brand-panel .b2b-account-photo-fallback{min-height:40px!important}
  .b2b-brand-panel .b2b-account-chip{align-items:flex-start;flex-wrap:wrap}
  .b2b-brand-panel .b2b-account-chip b{flex:1 1 calc(100% - 96px);font-size:16px;line-height:1.3}
  .b2b-brand-panel .b2b-toolbar-actions{justify-content:flex-end;gap:6px}
  .b2b-brand-panel .b2b-toolbar-actions button{min-height:35px;padding:0 10px!important;font-size:8.5px!important}
  .b2b-category-page-share span{display:none}
  .b2b-public-choice-grid{gap:6px}
  .b2b-public-choice-grid button{min-height:35px;padding:0 10px;font-size:8.5px}
}
.b2b-public-brand b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.2}

/* Public B2B item details intentionally reuse the main customer product/custom-item UI. */
.b2b-public-product-page{background:#fff!important}
.b2b-public-product-page .product-full-back{padding-top:2px!important}
.b2b-public-product-page .b2b-public-product-back{border:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important}
.b2b-public-product-page .b2b-public-action-row{grid-template-columns:1fr!important}
.b2b-public-product-page .b2b-public-action-row .b2b-public-ask,.b2b-public-product-page .b2b-public-custom-ask{width:100%;min-height:50px;margin-top:0}
.b2b-public-product-page .b2b-public-enquiry-note{width:100%}
.b2b-public-product-page .custom-quality-choice b{font-size:9px!important;color:#7b6f7e!important;font-weight:800!important}
.b2b-public-product-page .kids-uniform-option-button:not(.active){opacity:1!important;cursor:pointer!important}
.b2b-public-product-page .kids-uniform-size-qty-row input{background:#fff!important}
.b2b-public-product-page .bulk-size-row input{max-width:100%}
.b2b-public-selection-summary strong{font-size:13px!important;letter-spacing:.02em}
@media(max-width:560px){.b2b-public-product-page .product-full-back{width:calc(100vw - 20px)!important}}

/* Public B2B stock accuracy + premium share controls */
.b2b-public-card-share{
  width:38px!important;height:38px!important;right:10px!important;top:10px!important;
  border:1px solid rgba(107,28,119,.16)!important;
  background:rgba(255,255,255,.96)!important;color:#6b1c77!important;
  box-shadow:0 8px 22px rgba(53,27,58,.14)!important;
  backdrop-filter:blur(10px);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.b2b-public-card-share:hover{transform:translateY(-1px) scale(1.04);background:#fff!important;box-shadow:0 12px 28px rgba(53,27,58,.18)!important}
.b2b-public-card-share .icon{width:16px!important;height:16px!important;stroke-width:2!important}
.b2b-public-item-share{
  min-width:44px!important;height:42px!important;padding:0 13px!important;
  border:1px solid rgba(107,28,119,.16)!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fff,#faf5fb)!important;color:#6b1c77!important;
  box-shadow:0 8px 20px rgba(72,31,79,.09)!important;
}
.b2b-public-item-share .icon{width:16px!important;height:16px!important}
.b2b-public-item-share span{font-size:9px!important;font-weight:900!important;letter-spacing:.03em!important}
.b2b-public-stock-badge{position:absolute;left:10px;bottom:10px;z-index:4;min-height:27px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(255,255,255,.94);border:1px solid rgba(32,118,69,.14);box-shadow:0 6px 16px rgba(23,43,30,.09);font-size:8px;font-weight:900;color:#247344;backdrop-filter:blur(8px)}
.b2b-public-stock-badge.out{color:#9a3a45;border-color:rgba(154,58,69,.14);background:rgba(255,247,248,.96)}
.b2b-public-item-card.is-out-of-stock .product-image-wrap img{filter:saturate(.55);opacity:.82}
.b2b-public-product-page .bulk-size-row.is-out-of-stock{opacity:.58;background:#faf8fa}
.b2b-public-product-page .bulk-size-row input:disabled{cursor:not-allowed;background:#f3eff4!important;color:#998f9b!important}
.b2b-public-product-page .colour-options button.out-of-stock{opacity:.45;cursor:not-allowed!important;text-decoration:line-through}
.b2b-public-product-page .colour-options button small{margin-left:4px;font-size:7px;font-weight:900;opacity:.65}
.b2b-public-product-page .b2b-public-ask:disabled{cursor:not-allowed;background:#aaa1ac!important;box-shadow:none!important;opacity:.72}
@media(max-width:560px){
  .b2b-public-card-share{width:34px!important;height:34px!important;right:8px!important;top:8px!important}
  .b2b-public-item-share{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;justify-content:center!important}
  .b2b-public-item-share span{display:none!important}
  .b2b-public-stock-badge{left:8px;bottom:8px;min-height:24px;padding:0 8px;font-size:7.5px}
}


/* Public B2B storefront final mobile polish: no extra overflow, full-screen fit, premium share button. */
html,body{max-width:100%;overflow-x:hidden}
.b2b-public-root{min-height:100svh!important;width:100%;display:flex;flex-direction:column;overflow-x:hidden}
.b2b-public-header,.b2b-public-page,.b2b-public-footer{width:100%;max-width:100%;box-sizing:border-box}
.b2b-public-page{flex:1 0 auto;min-height:calc(100svh - 72px)!important;padding-top:22px!important;padding-bottom:22px!important;overflow-x:hidden}
.b2b-public-page.section-wrap{max-width:none!important;width:100%!important;padding-left:max(16px,calc((100vw - 1320px)/2))!important;padding-right:max(16px,calc((100vw - 1320px)/2))!important}
.b2b-public-category-head{grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:14px!important;margin:6px 0 20px!important}
.b2b-public-category-head>div{min-width:0}
.b2b-public-category-head h1{margin-top:6px!important;word-break:break-word}
.b2b-public-products,.custom-category-grid.full-custom-category-grid{width:100%;max-width:100%}
.b2b-public-footer{flex:0 0 auto;min-height:auto!important;padding-top:18px!important;padding-bottom:18px!important;margin-top:0!important}
.b2b-public-category-share{min-width:54px!important;height:46px!important;padding:0 15px!important;border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid rgba(107,28,119,.16)!important;background:linear-gradient(180deg,#fff,#f9f3fb)!important;color:#6b1c77!important;box-shadow:0 10px 24px rgba(67,31,73,.12)!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
.b2b-public-category-share:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(67,31,73,.16)!important;background:linear-gradient(180deg,#fff,#fff7ff)!important}
.b2b-public-category-share .icon{width:17px!important;height:17px!important;stroke-width:2!important}
.b2b-public-category-share span{font-size:9px!important;font-weight:900!important;letter-spacing:.03em!important}
@media(max-width:800px){
  .b2b-public-page{padding-top:18px!important;padding-bottom:18px!important}
  .b2b-public-page.section-wrap{padding-left:14px!important;padding-right:14px!important}
  .b2b-public-category-head{gap:12px!important;margin-bottom:16px!important}
  .b2b-public-footer{padding-top:16px!important;padding-bottom:16px!important}
}
@media(max-width:560px){
  .b2b-public-root{min-height:100dvh!important}
  .b2b-public-page{min-height:calc(100dvh - 64px)!important;padding-top:14px!important;padding-bottom:14px!important}
  .b2b-public-page.section-wrap{padding-left:12px!important;padding-right:12px!important}
  .b2b-public-category-head{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;margin-bottom:14px!important}
  .b2b-public-category-head>.b2b-public-back{grid-column:1/-1!important}
  .b2b-public-category-head h1{font-size:32px!important;line-height:.96!important}
  .b2b-public-category-share{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;border-radius:14px!important;justify-content:center!important}
  .b2b-public-category-share span{display:none!important}
  .b2b-public-products{gap:10px!important}
  .b2b-public-footer{padding:14px 12px 16px!important;gap:6px!important}
}

/* Final public catalogue footer + Custom Catalogue share polish. */
.custom-catalog-main-share{
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  gap:0!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
}
.custom-catalog-main-share span{display:none!important}
.custom-catalog-main-share .icon{width:17px!important;height:17px!important;margin:0!important}

.b2b-public-root{
  min-height:100dvh!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
  overflow-x:hidden!important;
}
.b2b-public-root>.b2b-public-page{
  flex:1 1 auto!important;
  min-height:0!important;
  margin-bottom:0!important;
}
.b2b-public-root>.b2b-public-product-page{
  flex:1 0 auto!important;
  margin-bottom:0!important;
}
.b2b-public-footer{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0!important;
  padding:15px max(14px,calc((100vw - 1320px)/2))!important;
  line-height:1.35!important;
}
.b2b-public-footer a.b2b-public-developer-link{
  color:#6b1c77!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.b2b-public-footer a.b2b-public-developer-link:hover{text-decoration:underline!important}
.b2b-public-footer small b{color:#2c242e!important;font-size:inherit!important;letter-spacing:.08em!important}
#app:has(.b2b-public-root),body:has(.b2b-public-root){padding-bottom:0!important;margin-bottom:0!important}
@media(max-width:560px){
  .custom-catalog-main-share{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  .b2b-public-footer{padding:12px!important;gap:5px!important;margin:0!important}
}

/* Public B2B footer alignment polish — footer only. */
.b2b-public-footer{
  min-height:64px!important;
  padding:18px max(18px,calc((100vw - 1320px)/2))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  gap:10px 18px!important;
  text-align:center!important;
  border-top:1px solid #ece7ed!important;
  background:#fff!important;
  color:#766d78!important;
  box-sizing:border-box!important;
}
.b2b-public-footer>span,
.b2b-public-footer>small{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  line-height:1.45!important;
}
.b2b-public-footer>span{
  gap:4px!important;
  font-size:10px!important;
  font-weight:650!important;
}
.b2b-public-footer>small{
  gap:4px!important;
  font-size:9px!important;
  font-weight:750!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
  color:#928796!important;
}
.b2b-public-footer>small::before{
  content:"•";
  margin-right:8px;
  color:#c6bcc9;
  font-size:12px;
  line-height:1;
}
.b2b-public-footer a.b2b-public-developer-link{
  display:inline-flex!important;
  align-items:center!important;
  color:#6b1c77!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.b2b-public-footer a.b2b-public-developer-link:hover{
  text-decoration:underline!important;
}
.b2b-public-footer small b{
  color:#2c242e!important;
  font-weight:900!important;
  font-size:inherit!important;
  letter-spacing:.08em!important;
}
@media(max-width:560px){
  .b2b-public-footer{
    min-height:0!important;
    padding:15px 14px 16px!important;
    gap:5px!important;
    flex-direction:column!important;
  }
  .b2b-public-footer>span{font-size:9.5px!important}
  .b2b-public-footer>small{font-size:8.5px!important}
  .b2b-public-footer>small::before{display:none!important}
}


/* ===== v104 custom detail polish: square galleries + fixed Kids Uniform actions ===== */
/* Every customer-facing product/details gallery is 1:1, regardless of catalogue section. */
.product-full-media .detail-slider-frame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  max-height:none!important;
  position:relative!important;
  overflow:hidden!important;
  background:#f4f1f4!important;
}
.product-full-media .detail-slide-track,
.product-full-media .detail-slide,
.product-full-media .detail-zoom-target{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.product-full-media .detail-slide{position:relative!important;flex:0 0 100%!important}
.product-full-media .detail-zoom-target{display:block!important;position:relative!important;padding:0!important;border:0!important;background:transparent!important}
.product-full-media .detail-slide img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  display:block!important;
}

.custom-uniform-item-id{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:1px 0 9px!important;
  padding:5px 8px!important;
  border:1px solid #e2d9e4!important;
  border-radius:8px!important;
  background:#faf7fb!important;
}
.custom-uniform-item-id span{font-size:8px!important;font-weight:900!important;letter-spacing:.10em!important;color:#8c7e90!important}
.custom-uniform-item-id b{font-size:10px!important;font-weight:850!important;color:#4d3052!important;overflow-wrap:anywhere!important}

/* Kids Uniform cart actions stay visible at the viewport bottom while sizes scroll. */
.uniform-custom-item-page .custom-item-info{padding-bottom:128px!important}
.uniform-custom-item-page .uniform-order-actions{
  position:fixed!important;
  left:50%!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
  z-index:1002!important;
  width:min(560px,calc(100vw - 28px))!important;
  margin:0!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  border:1px solid rgba(77,48,82,.13)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -8px 28px rgba(44,25,48,.14)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.uniform-custom-item-page .uniform-order-actions button{min-height:48px!important;margin:0!important}
@media(max-width:820px){
  .uniform-custom-item-page .custom-item-info{padding-bottom:182px!important}
  .uniform-custom-item-page .uniform-order-actions{
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
    border-radius:14px!important;
  }
}

/* Kids Uniform v105 — one active editor, saved selections, larger controls */
.uniform-custom-item-page .kids-uniform-picker{
  gap:24px!important;
  margin-top:24px!important;
}
.uniform-custom-item-page .kids-uniform-option-part{
  gap:12px!important;
}
.uniform-custom-item-page .kids-uniform-option-part>span,
.uniform-custom-item-page .kids-uniform-saved>span{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#6e5c72!important;
}
.uniform-custom-item-page .uniform-multi-options>div{
  gap:11px!important;
}
.uniform-custom-item-page .kids-uniform-option-button{
  min-width:126px!important;
  min-height:58px!important;
  padding:13px 18px!important;
  border-radius:13px!important;
}
.uniform-custom-item-page .kids-uniform-option-button b{
  font-size:15px!important;
  font-weight:850!important;
  line-height:1.15!important;
}
.uniform-custom-item-page .kids-uniform-option-button.saved:not(.active){
  border-color:#d9c9dc!important;
  background:#faf6fb!important;
}
.uniform-custom-item-page .active-uniform-size-editor{
  margin-top:0!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group{
  gap:12px!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .kids-uniform-size-qty-head>span{
  font-size:16px!important;
  font-weight:900!important;
  color:#2b222d!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .kids-uniform-size-qty-grid{
  gap:10px!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .kids-uniform-size-qty-row.stock-aware{
  min-height:62px!important;
  padding:11px 0!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .uniform-size-stock-inline>b{
  min-width:34px!important;
  font-size:18px!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .uniform-size-stock-inline>small{
  font-size:11px!important;
  font-weight:750!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper{
  grid-template-columns:40px 58px 40px!important;
  border-radius:10px!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper button{
  height:44px!important;
  font-size:22px!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper input{
  width:58px!important;
  height:44px!important;
  font-size:15px!important;
}
.uniform-custom-item-page .kids-uniform-saved{
  display:grid;
  gap:10px;
  padding-top:4px;
}
.uniform-custom-item-page .kids-uniform-saved>div{
  display:grid;
  gap:8px;
}
.uniform-custom-item-page .kids-uniform-saved-item{
  width:100%;
  min-height:58px;
  padding:11px 13px;
  border:1px solid #e1d7e3;
  border-radius:12px;
  background:#faf7fb;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  align-items:center;
  text-align:left;
  color:#2d2430;
  cursor:pointer;
}
.uniform-custom-item-page .kids-uniform-saved-item b{
  font-size:14px;
  font-weight:900;
}
.uniform-custom-item-page .kids-uniform-saved-item small{
  grid-column:1;
  font-size:11px;
  font-weight:650;
  color:#776b7a;
}
.uniform-custom-item-page .kids-uniform-saved-item strong{
  grid-column:2;
  grid-row:1/3;
  font-size:11px;
  color:#64116f;
}
@media(max-width:560px){
  .uniform-custom-item-page .uniform-multi-options>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .uniform-custom-item-page .kids-uniform-option-button{width:100%!important;min-width:0!important;min-height:56px!important;padding:12px 8px!important}
  .uniform-custom-item-page .kids-uniform-option-button b{font-size:14px!important}
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-size-stock-inline>b{font-size:17px!important}
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-size-stock-inline>small{font-size:10px!important}
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper{grid-template-columns:38px 54px 38px!important}
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper button,
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper input{height:42px!important}
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-qty-stepper input{width:54px!important}
}

/* ===== v106 navigation + Kids Uniform detail refinement ===== */
/* Site header is part of normal page flow: no sticky/floating card. It naturally scrolls away. */
.site-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid #eee7ef!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:760px){
  .site-header{
    height:64px!important;
    margin:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* The zoom viewer can still open by tapping the image, but the lens SVG badge is removed. */
.detail-zoom-target>span{display:none!important}

/* Kids Uniform: ID sits above the share control. */
.uniform-custom-item-page .custom-item-title-row{align-items:flex-start!important}
.uniform-custom-item-page .custom-uniform-title-actions{
  flex:0 0 auto;
  display:grid;
  justify-items:end;
  gap:7px;
}
.uniform-custom-item-page .custom-uniform-title-actions .custom-uniform-item-id{
  margin:0!important;
  min-height:26px!important;
}
.uniform-custom-item-page .custom-uniform-title-actions .item-title-share{margin:0!important}

/* Choose-item buttons can communicate an entire option being unavailable. */
.uniform-custom-item-page .kids-uniform-option-button{
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
}
.uniform-custom-item-page .kids-uniform-option-button>small{
  font-size:10px!important;
  font-weight:800!important;
  color:#9a626a!important;
}
.uniform-custom-item-page .kids-uniform-option-button.out{
  opacity:.58!important;
  background:#faf8fa!important;
}

/* Keep every configured size visible. Stock 0 becomes a clear disabled out-of-stock row. */
.uniform-custom-item-page .kids-uniform-item-size-group .uniform-size-stock-inline>small{
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.15!important;
}
.uniform-custom-item-page .kids-uniform-size-qty-row.stock-aware.out{
  opacity:.62!important;
}
.uniform-custom-item-page .kids-uniform-size-qty-row.stock-aware.out .uniform-size-stock-inline>small{
  color:#a54852!important;
}
.uniform-custom-item-page .uniform-qty-stepper button:disabled,
.uniform-custom-item-page .uniform-qty-stepper input:disabled{
  cursor:not-allowed!important;
  opacity:.5!important;
  background:#f5f2f5!important;
}

/* Only the useful order total remains under saved garment selections. */
.uniform-custom-item-page .kids-uniform-order-total{
  min-height:58px;
  padding:12px 14px;
  border:1px solid #dfd4e2;
  border-radius:13px;
  background:#faf7fb;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.uniform-custom-item-page .kids-uniform-order-total span{
  font-size:13px;
  font-weight:900;
  color:#68596c;
}
.uniform-custom-item-page .kids-uniform-order-total strong{
  font-size:21px;
  line-height:1;
  font-weight:950;
  color:#64116f;
}

/* Restore the Admin-configured final title + points as a clean bottom information section. */
.uniform-custom-item-page .kids-uniform-description{
  margin:30px 0 6px!important;
  padding-top:22px!important;
  border-top:1px solid #eee7f0!important;
}
.uniform-custom-item-page .kids-uniform-description section{display:grid;gap:14px}
.uniform-custom-item-page .kids-uniform-description h3{
  margin:0!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#2d2530!important;
}
.uniform-custom-item-page .kids-uniform-point-list{display:grid!important;gap:10px!important}
.uniform-custom-item-page .kids-uniform-point-list>span{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#635867!important;
}
.uniform-custom-item-page .kids-uniform-point-list .icon{width:17px!important;height:17px!important;flex:0 0 17px!important;margin-top:1px!important}

/* Fixed actions remain easy to reach, but no shared floating/background container. */
.uniform-custom-item-page .custom-item-info{padding-bottom:112px!important}
.uniform-custom-item-page .uniform-order-actions{
  bottom:12px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.uniform-custom-item-page .uniform-order-actions button{
  min-height:50px!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(39,22,43,.12)!important;
}
@media(max-width:820px){
  .uniform-custom-item-page .custom-item-info{padding-bottom:108px!important}
  .uniform-custom-item-page .uniform-order-actions{
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
  }
}
@media(max-width:560px){
  .uniform-custom-item-page .kids-uniform-item-size-group .uniform-size-stock-inline>small{font-size:11.5px!important}
  .uniform-custom-item-page .kids-uniform-order-total strong{font-size:20px!important}
  .uniform-custom-item-page .custom-uniform-title-actions{gap:6px}
}

/* ===== v108 Kids Uniform plain detail + docked actions ===== */
/* Keep the uniform details page visually plain: no outer section rules/cards. */
.uniform-custom-item-page{
  padding-bottom:0!important;
  background:#fff!important;
}
.uniform-custom-item-page .product-full-inner{
  border:0!important;
  background:#fff!important;
  padding-bottom:0!important;
}
.uniform-custom-item-page .product-full-media{
  border:0!important;
  border-right:0!important;
  border-bottom:0!important;
  background:#fff!important;
}
.uniform-custom-item-page .product-full-info{
  border:0!important;
  background:#fff!important;
  padding-bottom:24px!important;
}
.uniform-custom-item-page .kids-uniform-description{
  border-top:0!important;
  padding-top:0!important;
}
.uniform-custom-item-page .kids-uniform-item-size-group+.kids-uniform-item-size-group{
  border-top:0!important;
}
.uniform-custom-item-page .kids-uniform-saved-item,
.uniform-custom-item-page .kids-uniform-order-total,
.uniform-custom-item-page .custom-uniform-item-id{
  border:0!important;
}

/* Fixed while choosing. Once the final information section is reached, JS docks it here
   and it scrolls away naturally with the rest of the page. */
.uniform-custom-item-page .uniform-actions-anchor{
  width:100%;
  height:1px;
  margin:24px 0 0;
  pointer-events:none;
}
.uniform-custom-item-page .uniform-order-actions{
  position:fixed!important;
  left:50%!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  z-index:1002!important;
  width:min(560px,calc(100vw - 28px))!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.uniform-custom-item-page .uniform-order-actions.docked{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:auto!important;
  width:100%!important;
  margin:0!important;
}
.uniform-custom-item-page .uniform-order-actions button{
  min-height:50px!important;
  margin:0!important;
  border-radius:12px!important;
}
/* “Add to cart” uses a zero-opacity fill while keeping its label and tap target visible. */
.uniform-custom-item-page .uniform-order-actions .uniform-add-cart-button{
  background:transparent!important;
  box-shadow:none!important;
}

/* There is no mobile bottom nav on this page, so do not reserve its blank safe-area block. */
@media(max-width:760px){
  body:has(.uniform-custom-item-page){
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  body:has(.uniform-custom-item-page) footer{
    margin-bottom:0!important;
    padding-bottom:18px!important;
  }
  .uniform-custom-item-page .uniform-order-actions{
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:calc(100vw - 20px)!important;
  }
  .uniform-custom-item-page .uniform-order-actions.docked{
    bottom:auto!important;
    width:100%!important;
  }
}
\n\n/* ===== v109 Kids Uniform smooth action rail ===== */
/* Keep one continuous positioning model: JS pins the rail to the viewport bottom,
   then lets it follow its real document slot upward pixel-for-pixel. */
.uniform-custom-item-page .uniform-actions-anchor{
  display:block!important;
  width:100%!important;
  min-height:50px!important;
  margin:24px 0 0!important;
  pointer-events:none!important;
}
.uniform-custom-item-page .uniform-order-actions,
.uniform-custom-item-page .uniform-order-actions.docked{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:1002!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  will-change:top,left,width!important;
}
.uniform-custom-item-page .uniform-order-actions button{
  min-height:50px!important;
  margin:0!important;
  opacity:1!important;
  border-radius:12px!important;
}
.uniform-custom-item-page .uniform-order-actions .uniform-add-cart-button{
  opacity:1!important;
  background:#fff!important;
  color:#64116f!important;
  border:1px solid #64116f!important;
  box-shadow:0 8px 22px rgba(39,22,43,.12)!important;
}
.uniform-custom-item-page .uniform-order-actions .uniform-add-cart-button:hover,
.uniform-custom-item-page .uniform-order-actions .uniform-add-cart-button:focus-visible{
  background:#fff!important;
  opacity:1!important;
}
@media(max-width:820px){
  .uniform-custom-item-page .uniform-order-actions,
  .uniform-custom-item-page .uniform-order-actions.docked{
    bottom:auto!important;
  }
}


/* ===== v110 Kids Uniform mobile actions: true in-flow positioning ===== */
/* Remove the v108/v109 floating rail entirely. The buttons are real page content now. */
.uniform-custom-item-page .uniform-actions-anchor{
  display:none!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
}
.uniform-custom-item-page .custom-item-info{
  padding-bottom:24px!important;
}
.uniform-custom-item-page .uniform-order-actions,
.uniform-custom-item-page .uniform-order-actions.docked{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  z-index:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:24px 0 0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  will-change:auto!important;
}
.uniform-custom-item-page .uniform-order-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:1!important;
}
.uniform-custom-item-page .uniform-order-actions .uniform-add-cart-button{
  opacity:1!important;
  background:#fff!important;
  color:#64116f!important;
  border:1.5px solid #64116f!important;
  box-shadow:none!important;
}
.uniform-custom-item-page .uniform-order-actions .primary{
  box-shadow:none!important;
}
@media(max-width:820px){
  .uniform-custom-item-page .product-full-inner{
    padding-bottom:0!important;
  }
  .uniform-custom-item-page .product-full-info{
    overflow:visible!important;
    padding-bottom:max(22px,env(safe-area-inset-bottom))!important;
  }
  .uniform-custom-item-page .uniform-order-actions,
  .uniform-custom-item-page .uniform-order-actions.docked{
    width:100%!important;
    margin:24px 0 0!important;
    gap:8px!important;
  }
}
@media(max-width:380px){
  .uniform-custom-item-page .uniform-order-actions button{
    min-height:50px!important;
    height:50px!important;
    padding:0 8px!important;
    font-size:12px!important;
    gap:6px!important;
  }
}

/* ===== v111 Kids Uniform mobile bottom actions: fixed -> exact reserved slot ===== */
/* The slot is real page space. The action bar is fixed until that slot reaches it,
   then it becomes normal content at the exact same visual position. */
.uniform-custom-item-page .uniform-actions-anchor{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-height:52px!important;
  margin:24px 0 0!important;
}
.uniform-custom-item-page .uniform-order-actions,
.uniform-custom-item-page .uniform-order-actions.docked{
  box-sizing:border-box!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  margin:0!important;
}
.uniform-custom-item-page .uniform-order-actions button{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:12px!important;
  opacity:1!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
.uniform-custom-item-page .uniform-order-actions .uniform-add-cart-button{
  opacity:1!important;
  background:#fff!important;
  color:#64116f!important;
  border:1.5px solid #64116f!important;
  box-shadow:none!important;
}

@media(max-width:820px){
  .uniform-custom-item-page .uniform-actions-anchor{
    min-height:52px!important;
    height:52px;
  }
  .uniform-custom-item-page .uniform-order-actions{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    max-width:none!important;
    z-index:1002!important;
  }
  .uniform-custom-item-page .uniform-order-actions.docked{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:100%!important;
    z-index:2!important;
  }
}

@media(min-width:821px){
  .uniform-custom-item-page .uniform-actions-anchor{
    height:auto!important;
    min-height:0!important;
  }
  .uniform-custom-item-page .uniform-order-actions,
  .uniform-custom-item-page .uniform-order-actions.docked{
    position:static!important;
    inset:auto!important;
    width:100%!important;
  }
}

/* ===== v112 detail cleanup + stable mobile uniform actions + full-image viewing ===== */
/* Product/detail pages stay visually plain: remove only outer/separator rules, not selectable control borders. */
.product-fullscreen .product-full-inner,
.product-fullscreen .product-full-media,
.product-fullscreen .product-full-info,
.custom-item-page .product-full-inner,
.custom-item-page .product-full-media,
.b2b-product .product-full-inner,
.b2b-product .product-full-media,
.product-detail,
.product-detail-image{
  border:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.custom-item-page .custom-tshirt-options,
.b2b-product .custom-tshirt-options,
.b2b-public-product-page .custom-tshirt-options{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Keep every details gallery square, but show the COMPLETE image instead of cropping it. */
.product-full-media .detail-slider-frame{
  background:#fff!important;
}
.product-full-media .detail-slide,
.product-full-media .detail-zoom-target{
  background:#fff!important;
}
.product-full-media .detail-slide img,
.custom-item-page .detail-slide img,
.b2b-product .detail-slide img,
.b2b-public-product-page .detail-slide img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}

/* PC image inspection uses the whole available screen and never crops the source. */
@media(min-width:821px){
  .image-zoom-overlay{
    padding:18px!important;
    display:grid!important;
    place-items:center!important;
  }
  .image-zoom-shell{
    width:min(1180px,calc(100vw - 36px))!important;
    height:min(94dvh,980px)!important;
    max-width:1180px!important;
    max-height:94dvh!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .zoom-image-stage{
    padding:12px 64px!important;
    overflow:hidden!important;
  }
  .zoom-image-stage img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* Mobile Kids Uniform action rail: fixed and docked states are EXACTLY the same size. */
@media(max-width:820px){
  .uniform-custom-item-page .uniform-actions-anchor{
    box-sizing:border-box!important;
    display:block!important;
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-width:calc(100vw - 20px)!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:24px 0 0!important;
    padding:0!important;
  }
  .uniform-custom-item-page .uniform-order-actions,
  .uniform-custom-item-page .uniform-order-actions.docked{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:8px!important;
    width:calc(100vw - 20px)!important;
    min-width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .uniform-custom-item-page .uniform-order-actions{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important;
    z-index:1002!important;
  }
  .uniform-custom-item-page .uniform-order-actions.docked{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    bottom:auto!important;
    transform:none!important;
    z-index:2!important;
  }
  .uniform-custom-item-page .uniform-order-actions button,
  .uniform-custom-item-page .uniform-order-actions.docked button{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    margin:0!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    opacity:1!important;
  }
}
/* v112.1: keep the anchor untransformed so the fixed child remains viewport-fixed. */
@media(max-width:820px){
  .uniform-custom-item-page .uniform-actions-anchor{
    left:auto!important;
    transform:none!important;
    margin-top:24px!important;
    margin-right:0!important;
    margin-bottom:0!important;
    margin-left:calc((100% - (100vw - 20px))/2)!important;
  }
}
/* v112.2: no hairline around the image stage; legacy detail view also shows full image. */
.product-fullscreen .detail-slider-frame,
.custom-item-page .detail-slider-frame,
.b2b-product .detail-slider-frame,
.b2b-public-product-page .detail-slider-frame{
  border:0!important;
  box-shadow:none!important;
}
.product-detail-image img{
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}

/* ===== v113 Kids Uniform mobile action-bar click + compact sizing fix ===== */
/* Older revisions disabled pointer events on the anchor. Restore a fully clickable
   action rail and keep fixed/docked geometry pixel-identical. */
@media(max-width:820px){
  .uniform-custom-item-page .uniform-actions-anchor{
    pointer-events:auto!important;
    box-sizing:border-box!important;
    width:calc(100vw - 28px)!important;
    min-width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin-top:22px!important;
    margin-right:0!important;
    margin-bottom:0!important;
    margin-left:calc((100% - (100vw - 28px))/2)!important;
    padding:0!important;
  }
  .uniform-custom-item-page .uniform-order-actions,
  .uniform-custom-item-page .uniform-order-actions.docked{
    pointer-events:auto!important;
    box-sizing:border-box!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    width:calc(100vw - 28px)!important;
    min-width:calc(100vw - 28px)!important;
    max-width:calc(100vw - 28px)!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0!important;
    margin:0!important;
  }
  .uniform-custom-item-page .uniform-order-actions button,
  .uniform-custom-item-page .uniform-order-actions.docked button{
    pointer-events:auto!important;
    touch-action:manipulation!important;
    cursor:pointer!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 8px!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:12px!important;
    line-height:1!important;
    transform:none!important;
    opacity:1!important;
  }
}

/* v117 Uniform product pricing and mobile configuration */
.uniform-live-price{display:flex!important;align-items:baseline;gap:12px;flex-wrap:wrap}
.uniform-crossed-mrp,.uniform-card-mrp{color:#948695;font-weight:600;font-size:.74em;text-decoration:line-through;white-space:nowrap}
.custom-catalog-rate + .uniform-card-mrp{display:inline-block;margin-left:8px;vertical-align:baseline;font-size:12px}
.uniform-custom-item-page .custom-item-title-row h1{font-size:clamp(26px,3.3vw,34px)!important;line-height:1.2!important}
@media(max-width:760px){
 .uniform-custom-item-page .uniform-multi-options>div,
 .uniform-custom-item-page .kids-uniform-option-part>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .uniform-custom-item-page .kids-uniform-option-button{min-width:0!important;width:100%!important;max-width:100%!important;min-height:53px!important;padding:10px 5px!important;border-radius:11px!important;overflow:hidden}
 .uniform-custom-item-page .kids-uniform-option-button b{font-size:12px!important;line-height:1.2!important;overflow-wrap:anywhere;text-align:center}
 .uniform-custom-item-page .custom-item-title-row h1{font-size:26px!important}
}

/* ===== v117.1 Uniform MRP / Final Rate presentation ===== */
.uniform-price-stack{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 10px;
}
.uniform-price-mrp{
  color:#938796;
  font-size:.68em;
  font-weight:650;
  text-decoration-thickness:1.4px;
  white-space:nowrap;
}
.uniform-price-final{
  color:inherit;
  font:inherit;
  font-weight:900;
  white-space:nowrap;
}
.custom-idea-info>.uniform-price-stack{
  margin-top:2px;
  font-size:14px;
}
.custom-idea-info>.uniform-price-stack .uniform-price-mrp{font-size:11px}
.custom-idea-info>.uniform-price-stack .uniform-price-final{font-size:14px;color:#2d2130}
.uniform-live-price .uniform-price-stack{gap:8px 13px}

/* Per-uniform-variant description keeps actual prose instead of checklist formatting. */
.uniform-custom-item-page .kids-uniform-description p.uniform-variant-detail-copy{font-size:14px;line-height:1.7;white-space:pre-line;color:#48404a;font-weight:450}


/* v125: product cards have square, uncropped media at every breakpoint. */
.product-card .product-image-wrap,
.custom-idea-card .product-image-wrap.ratio-3x4,
.b2b-public-item-card .product-image-wrap.ratio-3x4{
  aspect-ratio:1 / 1!important;
  width:100%!important;height:auto!important;min-height:0!important;
  background:#fff!important;
}
.product-card .product-image-wrap .product-slide,.product-card .product-image-wrap img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  object-position:center!important;background:#fff!important;
}
/* One clean progress track with a moving thumb, not a set of broken bars. */
.product-slide-progress,.product-slide-progress.single{
  display:block!important;position:relative!important;overflow:hidden!important;
  height:3px!important;min-height:3px!important;max-height:3px!important;
  padding:0!important;margin:9px 12px 0!important;gap:0!important;
  background:#e8dfe9!important;border-radius:999px!important;opacity:1!important;
}
.product-slide-progress i{display:none!important}
.product-slide-progress::after{
  content:"";display:block;position:absolute;top:0;left:0;height:100%;
  width:calc(100% / var(--gallery-count,1));border-radius:999px;
  background:#64116f;transform:translateX(calc(100% * var(--gallery-index,0)));
  transition:transform .16s ease;
}
.product-slide-track.gallery-mouse-dragging{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grabbing!important;user-select:none!important}
.product-slide-track{cursor:grab}
.product-slide-track .product-slide img{-webkit-user-drag:none;user-select:none}
/* Strikethrough applies to the number only. Prices have consistent, readable spacing. */
.uniform-price-stack{gap:6px 14px!important;align-items:baseline!important}
.uniform-price-mrp{display:inline-flex;gap:4px;align-items:baseline;white-space:nowrap;text-decoration:none!important}
.uniform-mrp-label{text-decoration:none!important;color:#807481;font-weight:600}
.uniform-mrp-value{text-decoration:none!important}
.uniform-price-mrp del.uniform-mrp-value{text-decoration:line-through!important;text-decoration-thickness:1.3px!important}
.uniform-final-group{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
.uniform-rate-unit{font-size:.73em;color:#827384;font-weight:600;white-space:nowrap}
.custom-idea-info>.uniform-price-stack{gap:6px 12px!important}
/* Desktop photo inspection: fill viewer's available area, containing whole image. */
.zoom-image-stage{position:relative!important;min-width:0!important;min-height:0!important;overflow:hidden!important;display:block!important}
.zoom-image-stage img[data-zoom-view]{
  position:absolute!important;inset:0!important;
  display:block!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  margin:0!important;padding:0!important;
}
@media(min-width:821px){.image-zoom-shell .zoom-image-stage{padding:16px 42px!important}}

/* v125 mobile precedence: show the ENTIRE photograph inside the square item card. */
html body .product-card .product-image-wrap .product-slide img,
html body .custom-idea-card .product-image-wrap.ratio-3x4 img,
html body .b2b-public-item-card .product-image-wrap.ratio-3x4 img{
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}


/* v126: a cleaner MRP/price hierarchy and slightly larger custom item cards. */
.uniform-price-stack {column-gap:14px!important;row-gap:7px!important;}
.custom-idea-info>.uniform-price-stack {column-gap:13px!important;row-gap:7px!important;}
.uniform-final-group {gap:5px!important;}
@media (min-width:761px) {
  .custom-idea-grid {gap:16px!important;}
  .custom-idea-grid .custom-idea-card .product-info {padding:15px 15px 18px!important;}
  .custom-idea-grid .custom-idea-card .product-info h3 {font-size:15px!important;}
}
@media (max-width:760px) {
  .custom-idea-grid .custom-idea-card .product-info,
  .custom-idea-masonry .custom-idea-card .product-info {padding:11px 11px 14px!important;}
  .custom-idea-grid .custom-idea-card .product-info h3,
  .custom-idea-masonry .custom-idea-card .product-info h3 {font-size:13px!important;}
  .custom-idea-masonry {gap:7px!important;}
  .custom-idea-masonry-column {gap:7px!important;}
}