/* V13h Product Directory — isolated under the Figma presentation. */
html[data-bak-ui="figma-v12"] #v6ManagementHome[data-v13h-product-open] > :not(.v13h-product-view):not(.fv12-nav),
html[data-bak-ui="figma-v12"] main.app-shell.fv12-dashboard[data-v13h-product-open] > :not(.v13h-product-view):not(.fv12-nav) {
 display:none!important;
}
html[data-bak-ui="figma-v12"] .v13h-product-view{
 box-sizing:border-box;min-height:100dvh;padding:20px 0 calc(120px + env(safe-area-inset-bottom));
 background:var(--fv-paper,#f4f3ee);font-family:'BAK DM Sans',system-ui,sans-serif;
 color:#172a22;
}
html[data-bak-ui="figma-v12"] .v13h-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 12px}
html[data-bak-ui="figma-v12"] .v13h-toolbar .v13h-back,
html[data-bak-ui="figma-v12"] .v13h-toolbar .v13h-refresh{
 width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:16px;
 border:1px solid rgba(25,61,48,.1);background:#fff;color:#184f3b;box-shadow:none;
 font-size:28px;line-height:1;
}
html[data-bak-ui="figma-v12"] .v13h-heading{flex:1;min-width:0}
html[data-bak-ui="figma-v12"] .v13h-heading small{font-size:10px;letter-spacing:.15em;color:#83918a;font-weight:800}
html[data-bak-ui="figma-v12"] .v13h-heading h1{font-size:clamp(23px,5.7vw,28px)!important;letter-spacing:-.045em;line-height:1.15;margin:4px 0;color:#172a22}
html[data-bak-ui="figma-v12"] .v13h-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#87938c;margin:12px 0 7px}
html[data-bak-ui="figma-v12"] .v13h-crumb .active{font-weight:800;color:#184f3b}
html[data-bak-ui="figma-v12"] .v13h-description{font-size:12px;color:#708078;margin-bottom:20px;line-height:1.5}
html[data-bak-ui="figma-v12"] .v13h-searchbar{
 display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #e3e8e3;
 border-radius:17px;background:#fff;min-height:53px;
}
html[data-bak-ui="figma-v12"] .v13h-searchbar svg{flex:none;color:#578072;width:21px}
html[data-bak-ui="figma-v12"] .v13h-searchbar input{
 height:50px;min-height:50px;border:0!important;outline:0;box-shadow:none!important;
 background:transparent!important;padding:0 0!important;width:100%;font-size:15px!important;
}
html[data-bak-ui="figma-v12"] .v13h-searchbar:focus-within{outline:2px solid #b8dcca}
html[data-bak-ui="figma-v12"] .v13h-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 0 23px}
html[data-bak-ui="figma-v12"] .v13h-filter label{font-size:12px;font-weight:700;color:#6d7b72}
html[data-bak-ui="figma-v12"] .v13h-filter select{
 width:auto;max-width:64%;min-width:145px;min-height:42px!important;border-radius:13px;
 font-size:13px!important;padding:8px 12px!important;background:#e7f2eb!important;
 border-color:#d8e6da!important;color:#184f3b!important;font-weight:700;
}
html[data-bak-ui="figma-v12"] .v13h-section-title{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:15px 1px 15px}
html[data-bak-ui="figma-v12"] .v13h-section-title h2{font-size:19px!important;line-height:1.25;margin:0;color:#1e3127;letter-spacing:-.03em}
html[data-bak-ui="figma-v12"] .v13h-section-title span{font-size:11px;color:#71857b;white-space:nowrap}
html[data-bak-ui="figma-v12"] .v13h-folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}
html[data-bak-ui="figma-v12"] .v13h-folder{
 --folder-bg:#c7f2e6;--folder-ink:#174d3b;
 position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;
 border:0!important;isolation:isolate;overflow:visible;min-width:0;
 min-height:180px;padding:22px 15px 14px!important;
 border-radius:10px 20px 20px 20px!important;background:var(--folder-bg)!important;
 color:var(--folder-ink)!important;box-shadow:0 3px 10px rgba(17,46,30,.045)!important;
 transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease;
}
html[data-bak-ui="figma-v12"] .v13h-folder:active{transform:scale(.975)}
html[data-bak-ui="figma-v12"] .v13h-folder-tab{
 position:absolute;top:-7px;left:0;width:43%;height:19px;border-radius:11px 11px 0 0;
 background:var(--folder-bg);z-index:-1;
}
html[data-bak-ui="figma-v12"] .v13h-folder-head{display:flex;justify-content:space-between;align-items:start}
html[data-bak-ui="figma-v12"] .v13h-folder-icon{
 display:grid;place-items:center;background:#ffffff7b;border-radius:13px;width:43px;height:43px;color:var(--folder-ink);
}
html[data-bak-ui="figma-v12"] .v13h-folder-arrow{font-size:17px;opacity:.55}
html[data-bak-ui="figma-v12"] .v13h-folder-label{margin-top:auto;padding-top:19px;min-width:0}
html[data-bak-ui="figma-v12"] .v13h-folder-label strong{
 display:block;line-height:1.16!important;font-size:clamp(15px,4.1vw,19px)!important;
 letter-spacing:-.03em!important;overflow-wrap:anywhere;
}
html[data-bak-ui="figma-v12"] .v13h-folder-label small{
 display:block;font-size:10px!important;color:inherit!important;opacity:.76;margin:8px 0 0;
 letter-spacing:.065em;font-weight:650;
}
html[data-bak-ui="figma-v12"] .v13h-folder-count{
 display:inline-flex;align-self:flex-start;margin-top:12px;padding:5px 7px;border-radius:8px;
 font-size:10px;line-height:1.3;font-weight:700;background:#ffffff65;color:inherit;
}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-ACC{--folder-bg:#e5e7e4;--folder-ink:#3b4d46}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-TMP{--folder-bg:#e1edd8;--folder-ink:#42623a}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-KURTA{--folder-bg:#ffe3ca;--folder-ink:#815233}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-BKB{--folder-bg:#d9e8ff;--folder-ink:#36577f}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-BKD{--folder-bg:#ffe5e8;--folder-ink:#93505d}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-BMB{--folder-bg:#ded9ff;--folder-ink:#5241a0}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-BMD{--folder-bg:#c5efe1;--folder-ink:#175b4d}
html[data-bak-ui="figma-v12"] .v13h-folder.v13h-JUBAH{--folder-bg:#ffe8ca;--folder-ink:#81593a}
html[data-bak-ui="figma-v12"] .v13h-loading,
html[data-bak-ui="figma-v12"] .v13h-error,
html[data-bak-ui="figma-v12"] .v13h-notice,
html[data-bak-ui="figma-v12"] .v13h-empty{
 font-size:13px;line-height:1.5;border-radius:17px;background:#fff;padding:18px;color:#52685b;
}
html[data-bak-ui="figma-v12"] .v13h-error{background:#fff0e8;color:#8c422b}
html[data-bak-ui="figma-v12"] .v13h-notice{background:#fff6e7;color:#856134;margin-bottom:12px}
html[data-bak-ui="figma-v12"] .v13h-sync-info{font-size:11px;line-height:1.5;color:#76837b;margin:12px 0}
html[data-bak-ui="figma-v12"] .v13h-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:7px 0 14px}
html[data-bak-ui="figma-v12"] .v13h-stock-box{
 padding:12px;border-radius:14px;background:#e6f2eb;display:flex;flex-direction:column;gap:6px;
}
html[data-bak-ui="figma-v12"] .v13h-stock-box small{font-size:10px;color:#587763}
html[data-bak-ui="figma-v12"] .v13h-stock-box b{font-size:21px;font-weight:800;color:#1a5137;line-height:1}
html[data-bak-ui="figma-v12"] .v13h-stock-box span{font-size:10px;color:#587763}
html[data-bak-ui="figma-v12"] .v13h-variant-list{display:flex;flex-direction:column;gap:9px}
html[data-bak-ui="figma-v12"] .v13h-variant{
 border:1px solid #e0e8e2;border-radius:19px;padding:15px;background:#fff;display:flex;flex-direction:column;gap:6px;
}
html[data-bak-ui="figma-v12"] .v13h-variant>strong{font-size:15px!important;color:#173f32;letter-spacing:-.01em;line-height:1.35}
html[data-bak-ui="figma-v12"] .v13h-variant>small{font-size:11px;color:#82918a;line-height:1.35}
html[data-bak-ui="figma-v12"] .v13h-variant code{
 display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:7px;
 font-family:ui-monospace,monospace;font-size:11px;background:#f2f4f2;color:#485d51;word-break:break-all;
}
html[data-bak-ui="figma-v12"] .v13h-variant-qty{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:6px;margin-top:6px}
html[data-bak-ui="figma-v12"] .v13h-variant-qty span{padding:8px;border-radius:10px;background:#f2f6f3;display:flex;flex-direction:column;gap:5px}
html[data-bak-ui="figma-v12"] .v13h-variant-qty small{font-size:9px;color:#6d8173}
html[data-bak-ui="figma-v12"] .v13h-variant-qty b{font-size:16px;font-weight:800;color:#245d43}
@media(min-width:650px){
 html[data-bak-ui="figma-v12"] .v13h-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
 html[data-bak-ui="figma-v12"] .v13h-folder{transition:none}
}
