.sja-fabric-hub{--brand-50:var(--color-brand-50);--brand-100:var(--color-brand-100);--brand-200:var(--color-brand-200);--brand-300:var(--color-brand-300);--brand-400:var(--color-brand-400);--brand-500:var(--color-brand-500);--brand-600:var(--color-brand-600);--brand-700:var(--color-brand-700);--brand-800:var(--color-brand-800);--brand-900:var(--color-brand-900);--mocha-50:var(--color-mocha-50);--mocha-100:var(--color-mocha-100);--mocha-300:var(--color-mocha-300);--mocha-500:var(--color-mocha-500);--mocha-700:var(--color-mocha-700);--neutral-50:var(--color-neutral-50);--neutral-100:var(--color-neutral-100);--neutral-200:var(--color-neutral-200);--neutral-300:var(--color-neutral-300);--neutral-400:var(--color-neutral-400);--neutral-500:var(--color-neutral-500);--neutral-600:var(--color-neutral-600);--neutral-700:var(--color-neutral-700);--neutral-800:var(--color-neutral-800);--success:var(--color-success);--success-subtle:var(--color-success-subtle);--success-strong:var(--color-success-strong);--warn:var(--color-warning);--warn-subtle:var(--color-warning-subtle);--bg:var(--color-neutral-50);--surface:#fff;--ink:var(--foreground);--ink-muted:var(--color-neutral-500);--muted:var(--color-neutral-500);--line:var(--color-neutral-200);--heading:var(--color-brand-500);--font-body:var(--font-sans);--font-display:var(--font-playfair);--r-md:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg);--sh-xl:var(--shadow-xl);--wrap:1320px;background:var(--bg);color:var(--ink);min-height:100vh;padding-top:72px;line-height:1.6;position:relative}.sja-fabric-hub img,.sja-fabric-hub svg{display:block}.sja-fabric-hub .serif-accent{font-family:var(--font-display);color:var(--mocha-500);font-style:italic;font-weight:600}.sja-fabric-hub .fh-wrap{max-width:var(--wrap);margin:0 auto;padding:clamp(22px,3vw,34px) clamp(16px,4vw,40px) 120px}.sja-fabric-hub .ic{stroke:currentColor;stroke-width:1.75px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sja-fabric-hub .phead{margin-bottom:24px}.sja-fabric-hub .phead .kick{letter-spacing:.15em;text-transform:uppercase;color:var(--brand-500);background:var(--brand-50);border-radius:var(--r-full);align-items:center;gap:8px;margin-bottom:14px;padding:6px 13px;font-size:11.5px;font-weight:700;display:inline-flex}.sja-fabric-hub .phead h1{font-size:clamp(28px,4vw,42px)}.sja-fabric-hub .phead p{color:var(--ink-muted);max-width:52ch;margin-top:8px;font-size:15px}.sja-fabric-hub .fh-search{max-width:560px;margin-top:20px;position:relative}.sja-fabric-hub .fh-search .ic{width:18px;height:18px;color:var(--neutral-400);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sja-fabric-hub .fh-search input{width:100%;height:46px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--sh-sm);padding:0 16px 0 44px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.sja-fabric-hub .fh-search input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #1a48761a}.sja-fabric-hub .fh-layout{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,34px);display:grid}@media (max-width:900px){.sja-fabric-hub .fh-layout{grid-template-columns:1fr}}.sja-fabric-hub .fh-filters{position:sticky;top:92px}@media (max-width:900px){.sja-fabric-hub .fh-filters{z-index:60;background:var(--surface);width:min(320px,86vw);box-shadow:var(--sh-lg);padding:20px;transition:transform .3s cubic-bezier(.22,.61,.36,1);position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sja-fabric-hub .fh-filters.open{transform:none}.sja-fabric-hub .fh-scrim{z-index:55;opacity:0;visibility:hidden;background:#06101c66;transition:opacity .3s;position:fixed;inset:0}.sja-fabric-hub .fh-scrim.on{opacity:1;visibility:visible}}@media (min-width:901px){.sja-fabric-hub .fh-scrim{display:none}}.sja-fabric-hub .fh-fclose{justify-content:space-between;align-items:center;margin-bottom:14px;display:none}@media (max-width:900px){.sja-fabric-hub .fh-fclose{display:flex}.sja-fabric-hub .fh-fclose h2{font-family:var(--font-body);color:var(--neutral-800);font-size:16px;font-weight:700}}.sja-fabric-hub .fh-fgroup{border-bottom:1px solid var(--line);padding:18px 0}.sja-fabric-hub .fh-fgroup:first-of-type{padding-top:0}.sja-fabric-hub .fh-fgroup h3{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-500);margin-bottom:14px;font-size:12px;font-weight:700}.sja-fabric-hub .fh-browse-switch{background:var(--neutral-100);border-radius:var(--r-full);border:1px solid var(--line);gap:4px;padding:3px;display:flex}.sja-fabric-hub .fh-browse-tab{border-radius:var(--r-full);color:var(--neutral-500);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:1;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:700;transition:color .15s,background .15s,box-shadow .15s}.sja-fabric-hub .fh-browse-tab:hover{color:var(--neutral-800)}.sja-fabric-hub .fh-browse-tab.on{color:var(--brand-600);background:var(--surface);box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.sja-fabric-hub .fh-opt{color:var(--neutral-700);cursor:pointer;align-items:center;gap:10px;padding:5px 0;font-size:13.5px;display:flex}.sja-fabric-hub .fh-opt input{width:17px;height:17px;accent-color:var(--brand-500);cursor:pointer}.sja-fabric-hub .fh-opt .fh-ct{color:var(--neutral-400);margin-left:auto;font-size:12px}.sja-fabric-hub .fh-price-range{align-items:center;gap:8px;display:flex}.sja-fabric-hub .fh-price-range input{border:1px solid var(--line);border-radius:var(--r-md,8px);width:0;min-width:0;height:36px;color:var(--neutral-700);background:var(--surface);-moz-appearance:textfield;flex:1;padding:0 10px;font-size:13px}.sja-fabric-hub .fh-price-range input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sja-fabric-hub .fh-price-range input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sja-fabric-hub .fh-price-range input:focus{border-color:var(--brand-500);box-shadow:0 0 0 2px var(--brand-100,#0000000f);outline:none}.sja-fabric-hub .fh-price-sep{color:var(--neutral-400);flex-shrink:0;font-size:13px}.sja-fabric-hub .fh-colors{flex-wrap:wrap;gap:9px;display:flex}.sja-fabric-hub .fh-sw{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .15s;position:relative}.sja-fabric-hub .fh-sw:hover{transform:scale(1.1)}.sja-fabric-hub .fh-sw.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--brand-500)}.sja-fabric-hub .fh-colors-more{color:var(--brand-500);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:12.5px;font-weight:600}.sja-fabric-hub .fh-colors-more:hover{color:var(--brand-700);text-decoration:underline}.sja-fabric-hub .fh-clear{width:100%;color:var(--brand-500);cursor:pointer;text-align:left;background:0 0;border:0;margin-top:16px;font-size:13px;font-weight:600}.sja-fabric-hub .fh-clear:hover{color:var(--brand-700)}.sja-fabric-hub .fh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sja-fabric-hub .fh-tb-count{color:var(--ink-muted);font-size:13.5px}.sja-fabric-hub .fh-tb-count b{color:var(--neutral-800);font-weight:700}.sja-fabric-hub .fh-toolbar-r{align-items:center;gap:10px;display:flex}.sja-fabric-hub .fh-filterbtn{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);height:40px;color:var(--neutral-700);cursor:pointer;align-items:center;gap:7px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;display:none}@media (max-width:900px){.sja-fabric-hub .fh-filterbtn{display:inline-flex}}.sja-fabric-hub .fh-sort{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c7681' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;height:40px;color:var(--neutral-700);cursor:pointer;appearance:none;padding:0 36px 0 14px;font-family:inherit;font-size:13.5px;font-weight:600}.sja-fabric-hub .fh-sort:focus{border-color:var(--brand-500);outline:none}.sja-fabric-hub .fh-unit-select{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c7681' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;height:40px;color:var(--neutral-700);cursor:pointer;appearance:none;padding:0 36px 0 14px;font-family:inherit;font-size:13.5px;font-weight:600}.sja-fabric-hub .fh-unit-select:focus{border-color:var(--brand-500);outline:none}.sja-fabric-hub .fh-grid{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px) clamp(16px,2vw,24px);display:grid}@media (max-width:1180px){.sja-fabric-hub .fh-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.sja-fabric-hub .fh-grid{grid-template-columns:1fr}}.sja-fabric-hub .fh-pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-sm);flex-direction:column;padding:12px;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;display:flex;position:relative}.sja-fabric-hub .fh-pcard:hover{box-shadow:var(--sh-lg);border-color:var(--brand-200);transform:translateY(-4px)}.sja-fabric-hub .fh-pcard-frame{aspect-ratio:4/5;background:var(--neutral-200);border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1a487624}.sja-fabric-hub .fh-pcard-img{background-position:50%;background-size:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:scale(1.01)}.sja-fabric-hub .fh-pcard:hover .fh-pcard-img{transform:scale(1.05)}.sja-fabric-hub .fh-pcard-quick{opacity:0;transition:opacity .3s,transform .35s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(8px)}.sja-fabric-hub .fh-pcard:hover .fh-pcard-quick{opacity:1;transform:none}.sja-fabric-hub .fh-pcard-add{border-radius:var(--r-md);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(150%);background:#06101c9e;border:0;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .14s ease-out;display:flex;box-shadow:inset 0 0 0 1px #ffffff29,0 10px 24px -12px #06101cb3}.sja-fabric-hub .fh-pcard-add:hover{background:#06101ccc}.sja-fabric-hub .fh-pcard-add:active{transform:scale(.985)}.sja-fabric-hub .fh-pcard-add .ic{width:16px;height:16px}.sja-fabric-hub .fh-pcard-inspo-btn{border-radius:var(--r-md);width:100%;height:42px;color:var(--neutral-900);cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(150%);background:#ffffffd1;border:0;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .14s ease-out;display:flex;box-shadow:inset 0 0 0 1px #06101c1f,0 10px 24px -12px #06101c59}.sja-fabric-hub .fh-pcard-inspo-btn:hover{background:#fff}.sja-fabric-hub .fh-pcard-inspo-btn:active{transform:scale(.985)}.sja-fabric-hub .fh-pcard-inspo-btn .ic{width:16px;height:16px}.sja-fabric-hub .fh-pcard-plate{flex-direction:column;flex:1;padding:15px 4px 3px;display:flex}.sja-fabric-hub .fh-pcard-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sja-fabric-hub .fh-pcard-kw{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-400);align-items:center;font-size:10px;font-weight:700;display:inline-flex}.sja-fabric-hub .fh-pcard-new{font-family:var(--font-display);letter-spacing:0;text-transform:none;color:var(--mocha-500);margin-left:9px;font-size:11.5px;font-style:italic;font-weight:600}.sja-fabric-hub .fh-pcard-sw{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #1a487633}.sja-fabric-hub .fh-pcard-nm{font-family:var(--font-display);color:var(--brand-600);letter-spacing:-.01em;margin:7px 0 0;font-size:19px;font-weight:700;line-height:1.14}.sja-fabric-hub .fh-pcard-meta{color:var(--neutral-500);margin-top:5px;font-size:12px}.sja-fabric-hub .fh-pcard-stock{letter-spacing:.02em;align-items:center;gap:6px;margin-top:7px;font-size:11px;font-weight:600;display:inline-flex}.sja-fabric-hub .fh-pcard-stock .fh-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.sja-fabric-hub .fh-pcard-stock.in{color:var(--success-strong)}.sja-fabric-hub .fh-pcard-stock.low{color:var(--warn)}.sja-fabric-hub .fh-pcard-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:14px;display:flex}.sja-fabric-hub .fh-pcard-price{color:var(--neutral-500);font-size:11.5px;line-height:1.3}.sja-fabric-hub .fh-pcard-price b{font-family:var(--font-display);color:var(--brand-600);letter-spacing:-.01em;margin-top:1px;font-size:20px;font-weight:700;display:block}.sja-fabric-hub .fh-pcard-contact{color:var(--muted);font-size:.8rem;font-style:italic}.sja-fabric-hub .fh-contact{color:var(--muted);font-size:.85rem;font-style:italic}.sja-fabric-hub .fh-pcard-acts{flex:none;gap:8px;display:flex}.sja-fabric-hub .fh-pcard-fav,.sja-fabric-hub .fh-pcard-cmp{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--neutral-500);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:border-color .18s,color .18s,background .18s,transform .14s;display:flex}.sja-fabric-hub .fh-pcard-fav:hover,.sja-fabric-hub .fh-pcard-cmp:hover{border-color:var(--brand-300);color:var(--brand-600);background:var(--brand-50)}.sja-fabric-hub .fh-pcard-fav:active,.sja-fabric-hub .fh-pcard-cmp:active{transform:scale(.9)}.sja-fabric-hub .fh-pcard-fav.on{color:var(--color-destructive);background:var(--success-subtle);border-color:#9b3b3466}.sja-fabric-hub .fh-pcard-fav.on .ic{fill:currentColor}.sja-fabric-hub .fh-pcard-cmp.on{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.sja-fabric-hub .fh-pcard-fav .ic,.sja-fabric-hub .fh-pcard-cmp .ic{width:17px;height:17px}@media (prefers-reduced-transparency:reduce){.sja-fabric-hub .fh-pcard-add{background:var(--brand-700);-webkit-backdrop-filter:none}}@media (hover:none){.sja-fabric-hub .fh-pcard-quick{opacity:1;transform:none}.sja-fabric-hub .fh-pcard:hover{transform:none}.sja-fabric-hub .fh-pcard:hover .fh-pcard-img{transform:scale(1.01)}}@media (prefers-reduced-motion:reduce){.sja-fabric-hub .fh-pcard-img,.sja-fabric-hub .fh-pcard:hover .fh-pcard-img{transition:none;transform:none}}.sja-fabric-hub .fh-catalog-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-sm);flex-direction:column;padding:12px;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s,border-color .3s;display:flex}.sja-fabric-hub .fh-catalog-card:hover{box-shadow:var(--sh-lg);border-color:var(--brand-200);transform:translateY(-4px)}.sja-fabric-hub .fh-catalog-card-frame{aspect-ratio:1;background:var(--neutral-100);border-radius:10px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1a487624}.sja-fabric-hub .fh-catalog-card-img{background-position:50%;background-size:cover;position:absolute;inset:0}.sja-fabric-hub .fh-catalog-card-noimg{color:var(--neutral-400);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sja-fabric-hub .fh-catalog-card-noimg .ic{stroke:currentColor;stroke-width:1.5px;fill:none;width:32px;height:32px}.sja-fabric-hub .fh-catalog-card-plate{flex-direction:column;flex:1;padding:15px 4px 3px;display:flex}.sja-fabric-hub .fh-catalog-card-kw{letter-spacing:.16em;text-transform:uppercase;color:var(--brand-400);font-size:10px;font-weight:700}.sja-fabric-hub .fh-catalog-card-nm{font-family:var(--font-display);color:var(--brand-600);letter-spacing:-.01em;margin:7px 0 0;font-size:17px;font-weight:700;line-height:1.2}.sja-fabric-hub .fh-catalog-card-sku{color:var(--neutral-500);margin-top:4px;font-family:monospace;font-size:11.5px}.sja-fabric-hub .fh-catalog-card-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:14px}.sja-fabric-hub .fh-catalog-card-price{color:var(--neutral-500);font-size:11.5px;line-height:1.3}.sja-fabric-hub .fh-catalog-card-price b{font-family:var(--font-display);color:var(--brand-600);letter-spacing:-.01em;margin-top:1px;font-size:18px;font-weight:700;display:block}.sja-fabric-hub .fh-empty{text-align:center;grid-column:1/-1;padding:60px 20px}.sja-fabric-hub .fh-empty .ic{width:42px;height:42px;color:var(--neutral-300);stroke-width:1.5px;margin:0 auto 14px}.sja-fabric-hub .fh-empty h3{font-family:var(--font-body);color:var(--neutral-700);font-size:18px;font-weight:700}.sja-fabric-hub .fh-empty p{color:var(--neutral-500);margin:6px 0 18px;font-size:14px}.sja-fabric-hub .fh-cbar{z-index:50;background:var(--surface);border-top:1px solid var(--line);transition:transform .35s cubic-bezier(.22,.61,.36,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -8px 24px -12px #06101c2e}.sja-fabric-hub .fh-cbar.on{transform:none}.sja-fabric-hub .fh-cbar-in{max-width:var(--wrap);align-items:center;gap:16px;margin:0 auto;padding:14px clamp(16px,4vw,40px);display:flex}.sja-fabric-hub .fh-cbar-label{color:var(--neutral-700);white-space:nowrap;font-size:13px;font-weight:700}.sja-fabric-hub .fh-cbar-thumbs{flex:1;gap:10px;display:flex;overflow-x:auto}.sja-fabric-hub .fh-cthumb{border-radius:var(--r-md);width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--line);background-position:50%;background-size:cover;flex:none;position:relative}.sja-fabric-hub .fh-cthumb button{background:var(--neutral-800);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.sja-fabric-hub .fh-cbar-act{white-space:nowrap;gap:10px;display:flex}@media (max-width:560px){.sja-fabric-hub .fh-cbar-label{display:none}}.sja-fabric-hub .fh-modal{z-index:90;opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .25s;display:flex;position:fixed;inset:0}.sja-fabric-hub .fh-modal.on{opacity:1;visibility:visible;pointer-events:auto}.sja-fabric-hub .fh-modal-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06101c80;position:absolute;inset:0}.sja-fabric-hub .fh-modal-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;max-width:880px;max-height:88vh;transition:transform .25s cubic-bezier(.22,.61,.36,1);position:relative;overflow:auto;transform:scale(.96)}.sja-fabric-hub .fh-modal.on .fh-modal-card{transform:none}.sja-fabric-hub .fh-modal-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.sja-fabric-hub .fh-modal-head h2{font-size:20px}.sja-fabric-hub .fh-modal-x{background:var(--neutral-100);width:36px;height:36px;color:var(--neutral-600);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.sja-fabric-hub .fh-modal-x:hover{background:var(--neutral-200)}.sja-fabric-hub .fh-tabs{border-bottom:1px solid var(--line);background:var(--surface);gap:4px;padding:12px 24px;display:flex}.sja-fabric-hub .fh-tab{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);height:34px;font-family:var(--font-body);color:var(--neutral-600);cursor:pointer;padding:0 16px;font-size:13px;font-weight:600;transition:all .18s}.sja-fabric-hub .fh-tab:hover:not(:disabled){background:var(--brand-50);color:var(--brand-600);border-color:var(--brand-200)}.sja-fabric-hub .fh-tab.on{background:var(--brand-500);color:#fff;border-color:var(--brand-500)}.sja-fabric-hub .fh-tab:disabled{opacity:.4;cursor:not-allowed}.sja-fabric-hub .fh-modal-body{padding:0;overflow:auto}.sja-fabric-hub .fh-modal-fabrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:20px 24px;display:grid}.sja-fabric-hub .fh-modal-fabric{text-align:center}.sja-fabric-hub .fh-modal-fabric .fh-cmp-ph{aspect-ratio:4/3;border-radius:var(--r-md);background-position:50%;background-size:cover;width:100%;margin-bottom:10px}.sja-fabric-hub .fh-modal-fabric .fh-cmp-nm{color:var(--neutral-800);font-size:14px;font-weight:700}.sja-fabric-hub .fh-modal-fabric .fh-cmp-pr{color:var(--neutral-500);margin-top:4px;font-size:12px}.sja-fabric-hub .fh-modal-fabric .fh-cmp-pr b{font-family:var(--font-display);color:var(--brand-600);font-size:16px}.sja-fabric-hub .fh-attr-tab{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.sja-fabric-hub .fh-chart-toggle{background:var(--neutral-100);border-radius:var(--r-md);gap:4px;padding:3px;display:flex}.sja-fabric-hub .fh-chart-toggle-btn{height:30px;font-family:var(--font-body);color:var(--neutral-500);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .18s}.sja-fabric-hub .fh-chart-toggle-btn:hover{color:var(--neutral-700)}.sja-fabric-hub .fh-chart-toggle-btn.on{background:var(--surface);color:var(--brand-600);box-shadow:var(--sh-sm)}.sja-fabric-hub .fh-attr-bars{flex-direction:column;gap:20px;width:100%;display:flex}.sja-fabric-hub .fh-attr-bar-group{flex-direction:column;gap:8px;display:flex}.sja-fabric-hub .fh-attr-bar-label{font-family:var(--font-body);color:var(--neutral-700);text-transform:uppercase;letter-spacing:.04em;cursor:help;border-bottom:1px dashed var(--neutral-300);font-size:12px;font-weight:700;position:relative}.sja-fabric-hub .fh-attr-bar-label[data-tooltip]:after{content:attr(data-tooltip);background:var(--neutral-800,#1f2937);color:#fff;text-transform:none;letter-spacing:0;white-space:nowrap;pointer-events:none;opacity:0;z-index:50;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:400;transition:opacity .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.sja-fabric-hub .fh-attr-bar-label[data-tooltip]:hover:after{opacity:1}.sja-fabric-hub .fh-attr-bar-row{flex-direction:column;gap:2px;display:flex}.sja-fabric-hub .fh-attr-bar-top{align-items:center;gap:12px;display:flex}.sja-fabric-hub .fh-attr-bar-name{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sja-fabric-hub .fh-attr-bar-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sja-fabric-hub .fh-attr-bar-name-text{color:var(--neutral-700);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;overflow:hidden}.sja-fabric-hub .fh-attr-bar-desc{font-family:var(--font-body);color:var(--neutral-500);padding-left:16px;font-size:11.5px;line-height:1.3}.sja-fabric-hub .fh-attr-bar-track{background:var(--neutral-100);border-radius:999px;width:100%;height:8px;overflow:hidden}.sja-fabric-hub .fh-attr-bar-fill{border-radius:999px;height:100%;transition:width .4s cubic-bezier(.22,.61,.36,1)}.sja-fabric-hub .fh-attr-bar-value{text-align:right;flex-shrink:0;width:20px;font-size:13px;font-weight:700}.sja-fabric-hub .fh-radar{max-width:100%;height:auto}.sja-fabric-hub .fh-radar-grid{fill:none;stroke:var(--neutral-200);stroke-width:1px}.sja-fabric-hub .fh-radar-axis{stroke:var(--neutral-200);stroke-width:1px}.sja-fabric-hub .fh-radar-label{font-family:var(--font-body);fill:var(--neutral-600);cursor:help;font-size:11px;font-weight:500}.sja-fabric-hub .fh-radar-label:hover{fill:var(--neutral-800);font-weight:600}.sja-fabric-hub .fh-radar-legend{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.sja-fabric-hub .fh-radar-legend-item{color:var(--neutral-700);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.sja-fabric-hub .fh-radar-legend-dot{border-radius:50%;flex:none;width:10px;height:10px}.sja-fabric-hub .fh-inspo-placeholder{color:var(--neutral-500);justify-content:center;align-items:center;padding:60px 24px;font-size:14px;display:flex}.sja-fabric-hub .fh-cinspo-grid{grid-template-columns:repeat(var(--cmp-cols,2),1fr);gap:16px;padding:16px 0;display:grid}.sja-fabric-hub .fh-cinspo-col{flex-direction:column;gap:12px;display:flex}.sja-fabric-hub .fh-cinspo-cat-badge{background:var(--mocha-100);color:var(--mocha-600);border-radius:100px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sja-fabric-hub .fh-cinspo-empty{color:var(--neutral-400);text-align:center;padding:24px 0;font-size:13px}.sja-fabric-hub .fh-cinspo-col .fh-look-card{border:1px solid var(--neutral-200);border-radius:10px;overflow:hidden}.sja-fabric-hub .fh-cinspo-col .fh-look-image{height:160px}.sja-fabric-hub .fh-cinspo-col .fh-look-content{padding:10px 12px}.sja-fabric-hub .fh-cinspo-col .fh-look-outfit-name{margin-bottom:4px;font-size:13px;font-weight:600}.sja-fabric-hub .fh-cinspo-col .fh-look-feel{color:var(--neutral-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;display:-webkit-box;overflow:hidden}.sja-fabric-hub .fh-cinspo-col .fh-look-tags{flex-wrap:wrap;gap:4px;display:flex}.sja-fabric-hub .fh-cinspo-col .fh-look-tag{background:var(--neutral-100);color:var(--neutral-600);border-radius:100px;padding:2px 8px;font-size:10px}@media (max-width:640px){.sja-fabric-hub .fh-cinspo-grid{grid-template-columns:1fr}.sja-fabric-hub .fh-cinspo-col .fh-look-image{height:120px}}.sja-fabric-hub .fh-cheapest-badge{color:var(--mocha-500);align-items:center;gap:5px;margin-left:8px;font-size:11px;font-weight:700;display:inline-flex}.sja-fabric-hub .fh-ctable{border-collapse:collapse;width:100%}.sja-fabric-hub .fh-ctable td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px;font-size:13.5px}.sja-fabric-hub .fh-ctable .fh-rowlbl{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.04em;width:120px;font-size:12px;font-weight:600}.sja-fabric-hub .fh-ctable td.best{color:var(--mocha-500);font-weight:700}@media (max-width:560px){.sja-fabric-hub .fh-ctable td{padding:10px 9px;font-size:12.5px}}.sja-fabric-hub .fh-toast{z-index:80;background:var(--brand-900);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg);opacity:0;visibility:hidden;pointer-events:none;align-items:center;gap:9px;padding:13px 20px;font-size:13.5px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.sja-fabric-hub .fh-toast.on{opacity:1;visibility:visible;transform:translate(-50%)}.sja-fabric-hub .fh-toast .ic{width:17px;height:17px;color:var(--success)}.sja-fabric-hub .fh-sinspo-overlay{-webkit-backdrop-filter:blur(6px);z-index:900;background:#06101c8c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.sja-fabric-hub .fh-sinspo-overlay.active{display:flex}.sja-fabric-hub .fh-sinspo-modal{background:var(--surface);border-radius:var(--r-xl);flex-direction:column;width:min(760px,95vw);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 80px #06101c38}.sja-fabric-hub .fh-sinspo-header{border-bottom:1px solid var(--line);flex-shrink:0;padding:20px 28px 0}.sja-fabric-hub .fh-sinspo-hrow{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sja-fabric-hub .fh-sinspo-fab-info{align-items:center;gap:12px;display:flex}.sja-fabric-hub .fh-sinspo-swatch{border-radius:10px;flex-shrink:0;width:40px;height:40px}.sja-fabric-hub .fh-sinspo-name{font-family:var(--font-display);color:var(--brand-600);font-size:18px;font-weight:600}.sja-fabric-hub .fh-sinspo-mat{color:var(--mocha-500);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:10.5px;font-weight:700}.sja-fabric-hub .fh-close-btn{background:var(--neutral-100);width:36px;height:36px;color:var(--neutral-600);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.sja-fabric-hub .fh-close-btn:hover{background:var(--neutral-200)}.sja-fabric-hub .fh-sinspo-cat-tabs{gap:4px;padding-bottom:0;display:flex}.sja-fabric-hub .fh-sinspo-cat-tab{color:var(--neutral-500);cursor:pointer;font-size:11.5px;font-weight:600;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;transition:all .2s}.sja-fabric-hub .fh-sinspo-cat-tab:hover{color:var(--neutral-700)}.sja-fabric-hub .fh-sinspo-cat-tab.active{color:var(--brand-600);border-bottom-color:var(--brand-500)}.sja-fabric-hub .fh-sinspo-body{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.sja-fabric-hub .fh-sinspo-empty{text-align:center;color:var(--neutral-500);padding:40px 20px;font-size:14px}.sja-fabric-hub .fh-look-card{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:24px;padding-bottom:24px;display:grid}.sja-fabric-hub .fh-look-card:last-child{border-bottom:none;padding-bottom:0}.sja-fabric-hub .fh-look-image{aspect-ratio:3/4;background:var(--neutral-100);border-radius:14px;overflow:hidden}.sja-fabric-hub .fh-look-image img{object-fit:cover;width:100%;height:100%;display:block}.sja-fabric-hub .fh-look-content{flex-direction:column;gap:12px;display:flex}.sja-fabric-hub .fh-look-outfit-name{font-family:var(--font-display);color:var(--brand-600);font-size:16px;font-weight:600}.sja-fabric-hub .fh-look-feel{color:var(--neutral-600);font-size:12.5px;line-height:1.6}.sja-fabric-hub .fh-look-tags{flex-wrap:wrap;gap:6px;display:flex}.sja-fabric-hub .fh-look-tag{background:var(--neutral-100);border:1px solid var(--line);color:var(--brand-600);border-radius:20px;padding:3px 11px;font-size:11px;font-weight:600}.sja-fabric-hub .fh-look-usp-separator{background:var(--line);height:1px;margin:8px 0 12px}.sja-fabric-hub .fh-look-usp-title{color:var(--neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:700}.sja-fabric-hub .fh-look-usp-list{flex-direction:column;gap:12px;display:flex}.sja-fabric-hub .fh-look-usp-item{align-items:flex-start;gap:10px;display:flex}.sja-fabric-hub .fh-look-usp-icon{flex-shrink:0;font-size:16px;line-height:1.3}.sja-fabric-hub .fh-look-usp-text{color:var(--neutral-800);font-size:12px;font-weight:600;line-height:1.4}.sja-fabric-hub .fh-look-usp-desc{color:var(--neutral-500);margin-top:2px;font-size:11px;line-height:1.4}.sja-fabric-hub .fh-sinspo-footer{border-top:1px solid var(--line);background:var(--neutral-50);flex-shrink:0;padding:16px 28px}.sja-fabric-hub .fh-sinspo-price-row{justify-content:space-between;align-items:center;display:flex}.sja-fabric-hub .fh-sinspo-price-val{font-family:var(--font-display);color:var(--brand-600);font-size:18px;font-weight:700}.sja-fabric-hub .fh-sinspo-price-val.fh-contact{font-family:var(--font-body);font-size:14px;font-style:italic;font-weight:500}.sja-fabric-hub .fh-sinspo-price-mem{color:var(--neutral-500);margin-top:2px;font-size:11px}.sja-fabric-hub .fh-sinspo-cta-btn{border-radius:var(--r-md);background:var(--brand-500);color:#fff;height:40px;font-family:var(--font-body);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 20px;font-size:13px;font-weight:600;transition:background .18s;display:inline-flex}.sja-fabric-hub .fh-sinspo-cta-btn:hover{background:var(--brand-600)}.sja-fabric-hub .fh-sinspo-cta-btn .ic{width:16px;height:16px}@media (max-width:640px){.sja-fabric-hub .fh-look-card{grid-template-columns:1fr}.sja-fabric-hub .fh-sinspo-price-row{flex-direction:column;align-items:stretch;gap:12px}.sja-fabric-hub .fh-sinspo-cta-btn{justify-content:center}}