.dbcat-shell{padding:90px 0;background:#f3f6f8;color:#101820;font:16px/1.5 Inter,Arial,sans-serif}.dbcat-container{width:min(1240px,calc(100% - 36px));margin:auto}.dbcat-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.dbcat-heading p{margin:0;color:#2a86bd;font-size:.78rem;font-weight:900;letter-spacing:.15em}.dbcat-heading h2{margin:4px 0 0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:1}.dbcat-heading>span{max-width:440px;color:#60707c}.dbcat-controls{display:grid;gap:16px}.dbcat-search{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:8px 16px;box-shadow:0 10px 30px rgba(5,35,53,.08)}.dbcat-search span{font-size:2rem}.dbcat-search input{width:100%;border:0;outline:0;padding:12px 0;font:inherit;font-size:1.05rem}.dbcat-categories{display:flex;gap:9px;overflow:auto;padding:4px 0 9px}.dbcat-categories button,.dbcat-subgrid button{white-space:nowrap;border:1px solid #ccd9e0;background:#fff;border-radius:999px;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer}.dbcat-categories button.active,.dbcat-subgrid button.active{background:#18405e;color:#fff;border-color:#18405e}.dbcat-categories span,.dbcat-subgrid span{opacity:.65;margin-left:5px}.dbcat-subpanel{background:#fff;border-radius:18px;padding:20px;box-shadow:0 14px 40px rgba(5,35,53,.09)}.dbcat-subhead{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.dbcat-subhead button,.dbcat-sub-reopen{border:0;background:transparent;color:#18405e;font:inherit;font-weight:850;cursor:pointer}.dbcat-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dbcat-subgrid>div{display:grid;gap:6px;align-content:start}.dbcat-subgrid button{white-space:normal;text-align:left}.dbcat-subgrid .child{margin-left:12px;padding:8px 12px;font-size:.88rem}.dbcat-sub-reopen{display:grid;grid-template-columns:1fr auto;gap:1px 15px;text-align:left;background:#fff;border-radius:16px;padding:16px 18px}.dbcat-sub-reopen span{font-size:.75rem;color:#60707c}.dbcat-sub-reopen em{grid-row:1/3;grid-column:2;font-style:normal;align-self:center}.dbcat-filterbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.dbcat-filterbar>button{border:1px solid #b9cbd5;border-radius:999px;background:#fff;padding:11px 18px;font:inherit;font-weight:850;cursor:pointer}.dbcat-filterbar>button.active{background:#18405e;color:#fff}.dbcat-filterbar b{background:#2a86bd;color:#fff;border-radius:999px;padding:2px 7px}.dbcat-filterbar span{color:#60707c;font-size:.9rem}.dbcat-filter-panel{background:#0b263a;color:#fff;border-radius:20px;padding:22px}.dbcat-filter-head{display:flex;justify-content:space-between}.dbcat-filter-head button{color:#fff;background:transparent;border:0;font-weight:800}.dbcat-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.dbcat-filter-grid label{display:grid;gap:7px;font-weight:800}.dbcat-filter-grid select{min-height:46px;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:9px;background:#fff;color:#101820}.dbcat-filter-grid select[multiple]{min-height:115px}.dbcat-filter-actions{display:flex;gap:10px;margin-top:20px}.dbcat-filter-actions button{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:11px 18px;background:#2a86bd;color:#fff;font-weight:850}.dbcat-sync{display:flex;align-items:center;gap:12px;margin:25px 0;padding:13px 16px;border-radius:14px;background:#e6edf1}.dbcat-sync>span{width:10px;height:10px;border-radius:50%;background:#8a9aa4}.dbcat-sync.ready>span{background:#2d9a55}.dbcat-sync p{margin:0;flex:1}.dbcat-sync button{border:0;background:transparent;color:#18405e;font-weight:850}.dbcat-results-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:35px 0 18px;scroll-margin-top:110px}.dbcat-results-head div{display:grid}.dbcat-results-head small{color:#60707c}.dbcat-results-head strong{font-size:1.35rem}.dbcat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dbcat-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(7,38,57,.08);transition:transform .25s}.dbcat-card:hover{transform:translateY(-5px)}.dbcat-card>button{display:block;width:100%;padding:0;text-align:left;background:transparent;border:0;font:inherit;cursor:pointer}.dbcat-image{position:relative;display:block;background:#fff;aspect-ratio:1/1;overflow:hidden}.dbcat-image img{width:100%;height:100%;object-fit:contain}.dbcat-image em{position:absolute;right:12px;bottom:12px;padding:7px 10px;background:#18405e;color:#fff;border-radius:999px;font-size:.75rem;font-style:normal;opacity:0;transition:opacity .2s}.dbcat-card:hover .dbcat-image em{opacity:1}.dbcat-copy{display:grid;gap:5px;padding:16px}.dbcat-copy small{color:#2a86bd;font-weight:800}.dbcat-copy strong{font-size:1.12rem}.dbcat-copy b{font-size:.83rem;color:#60707c}.dbcat-copy>span:not(.dbcat-stock):not(.dbcat-swatches){font-size:.88rem;color:#60707c}.dbcat-stock{display:inline-flex;width:max-content;max-width:100%;margin-top:6px;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:850;background:#e9eef1;color:#60707c}.dbcat-stock.available{background:#e3f5e8;color:#1d6c37}.dbcat-stock.arrival{background:#fff1cf;color:#7a5700}.dbcat-stock.unavailable{background:#f7e6e4;color:#8a3028}.dbcat-swatches{display:flex;align-items:center;gap:5px;margin-top:6px}.dbcat-swatches i{width:16px;height:16px;border-radius:50%;border:1px solid #c7d1d7}.dbcat-swatches em{font-size:.72rem}.dbcat-more{display:block;margin:30px auto 0;border:0;border-radius:999px;padding:14px 25px;background:#18405e;color:#fff;font-weight:850}.dbcat-empty{grid-column:1/-1;padding:55px;text-align:center;background:#fff;border-radius:18px}.dbcat-loading{padding:60px;text-align:center}.dbcat-modal-open{overflow:hidden}.dbcat-modal{position:fixed;inset:0;z-index:99999;padding:22px;overflow:auto;background:rgba(2,14,22,.82);backdrop-filter:blur(9px)}.dbcat-modal-dialog{position:relative;width:min(1100px,100%);margin:30px auto;background:#fff;border-radius:22px;padding:25px}.dbcat-modal-close{border:0;background:#edf2f5;border-radius:999px;padding:10px 15px;font-weight:850;color:#18405e}.dbcat-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:22px}.dbcat-modal-image{display:grid;place-items:center;min-height:470px;background:#f7f9fa;border-radius:18px}.dbcat-modal-image img{max-height:620px}.dbcat-modal-copy h2{margin:6px 0;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.95}.dbcat-modal-copy>small{color:#2a86bd;font-weight:850}.dbcat-modal-copy>strong{color:#60707c}.dbcat-variants{margin-top:24px}.dbcat-variants h3{font-size:1rem}.dbcat-variants>button{display:grid;grid-template-columns:58px 1fr;gap:8px 12px;align-items:center;width:100%;margin:8px 0;padding:8px;text-align:left;border:1px solid #d7e0e5;border-radius:12px;background:#fff}.dbcat-variants>button.active{border-color:#2a86bd;box-shadow:0 0 0 2px #2a86bd}.dbcat-variants img{grid-row:1/3;width:58px;height:58px;object-fit:contain}.dbcat-variants button>span{font-weight:800}.dbcat-variants i{display:inline-block;width:13px;height:13px;margin-right:6px;border-radius:50%}.dbcat-variants .dbcat-stock{margin:0}
@media(max-width:980px){.dbcat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dbcat-subgrid,.dbcat-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dbcat-shell{padding:65px 0}.dbcat-heading{display:block}.dbcat-heading>span{display:block;margin-top:12px}.dbcat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dbcat-copy{padding:12px}.dbcat-subgrid,.dbcat-filter-grid{grid-template-columns:1fr}.dbcat-sync{align-items:flex-start;flex-wrap:wrap}.dbcat-sync p{min-width:75%}.dbcat-modal{padding:0}.dbcat-modal-dialog{min-height:100%;margin:0;border-radius:0;padding:17px}.dbcat-modal-grid{grid-template-columns:1fr;gap:18px}.dbcat-modal-image{min-height:300px}.dbcat-modal-copy h2{font-size:2.6rem}.dbcat-image em{display:none}}
@media(max-width:390px){.dbcat-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.dbcat-card{transition:none}.dbcat-modal{backdrop-filter:none}}
.dbcat-subgrid{align-items:start}