:root{--demo-shell-height:48px}html{scroll-padding-top:108px}body{padding-top:var(--demo-shell-height)!important}.demo-shell{position:fixed;inset:0 0 auto;z-index:2147483000;min-height:48px;display:flex;align-items:center;gap:22px;padding:8px 28px;background:#17191c;color:#fff;border-bottom:1px solid #76664d;font:500 13px/1.2 Arial,sans-serif;letter-spacing:.04em;box-sizing:border-box}.demo-shell a{color:#fff!important;text-decoration:none!important}.demo-shell a[aria-current]{color:#d9c695!important}.demo-shell a small{font:400 11px/1 Arial,sans-serif;color:#ccc;letter-spacing:0}.demo-shell__home{font-weight:700;white-space:nowrap}.demo-shell__badge{padding:4px 6px;border:1px solid #b9a474;color:#e4d4ad;font-size:10px}.demo-shell button{margin-left:auto;background:none;border:0;color:#d9c695;font:22px/1 Arial,sans-serif;cursor:pointer;padding:0 4px}.demo-brand-section{padding:60px 5%;background:#f3f1ed;color:#17191c}.demo-brand-section h2{font-size:32px;margin:0 0 26px}.demo-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-brand-card{display:block;padding:30px;background:#fff;border:1px solid #dedbd5;text-decoration:none;color:inherit;position:relative;overflow:hidden}.demo-brand-card h3{font-size:30px;margin:0 0 6px}.demo-brand-card p{font-size:16px}.demo-brand-card img{height:230px;object-fit:contain;width:100%}.demo-brand-card span{display:inline-block;margin-top:12px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.demo-modal{border:1px solid #b29d75;max-width:470px;width:calc(100% - 32px);padding:30px;color:#17191c;background:#fff;font:16px/1.5 Arial,sans-serif;box-sizing:border-box}.demo-modal::backdrop{background:#0009}.demo-modal h2{font-size:24px;margin:0 0 14px}.demo-modal button{background:#17191c;color:#fff;border:0;padding:14px 30px;cursor:pointer;font:inherit;margin-top:12px}.demo-model-links{display:flex;gap:10px;flex-wrap:wrap;padding:18px 24px;background:#f2f1ed;justify-content:center}.demo-model-links a{padding:10px 20px;border:1px solid #b9a474;text-decoration:none;color:#17191c;background:white}.cookie-notify{display:none!important}.demo-source-note{font:12px/1.5 Arial,sans-serif;color:#777;padding:20px}.header{top:48px}.header_fixed{top:48px!important}[data-demo-section="main"] .site-header{top:48px!important}@media(max-width:650px){.demo-shell{gap:11px;padding:8px 12px;font-size:11px}.demo-shell a small{display:none}.demo-shell__badge{font-size:9px}.demo-brand-section{padding:35px 20px}.demo-brand-section h2{font-size:24px}.demo-brand-grid{grid-template-columns:1fr}.demo-brand-card{padding:22px}.demo-brand-card img{height:180px}}

.demo-stock{padding:60px 5%;background:#f6f5f2;color:#17191c}.demo-stock h1{font-size:36px}.demo-stock-filters{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.demo-stock-filters button,.demo-stock-card>button{border:1px solid #a88f64;background:#fff;color:#17191c;padding:13px 20px;cursor:pointer}.demo-stock-filters [aria-pressed="true"]{background:#17191c;color:white}.demo-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.demo-stock-card{background:white;padding:25px;border:1px solid #dedbd4}.demo-stock-card h2{font-size:25px;margin-bottom:10px}.demo-stock-card img{width:100%;height:220px;object-fit:contain}.demo-stock-card p{font-size:14px}.demo-stock-palette{display:flex;gap:12px;margin:15px 0}.demo-stock-palette button{width:28px;height:28px;border-radius:50%;border:1px solid #aaa;cursor:pointer}.demo-stock-palette [aria-pressed="true"]{outline:2px solid #ad956c;outline-offset:3px}.demo-stock-detail{display:block;color:#17191c;margin:18px 0;text-decoration:underline}.demo-stock-card>button{width:100%}
[data-demo-section="rox"] .header{top:48px!important}[data-demo-section="rox"] .web_block_model_menu__sticky.sticky{top:48px!important}
.demo-widget-note{max-width:1100px;margin:24px auto;padding:16px 24px;border:1px solid #b9a474;background:#242322;color:#e7dfc9;font:15px/1.6 Arial,sans-serif}
