/* Neutral commerce catalogue, desktop and mobile. */
:root{--green:#202b37;--ink:#20252a;--muted:#697078;--paper:#f5f5f5;--line:#ddd;--light:#eee;--accent:#bd342b}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink)}button,a,input,select{touch-action:manipulation}.utility{background:#eee}.utility>div{font-size:11px;color:#555}.header{padding-top:25px;padding-bottom:22px}.brand,.brand b{color:#202b37}.shop-logo{font-family:inherit;font-size:27px;font-weight:900;letter-spacing:-4px;transform:none;width:44px}.shop-logo>span{color:#202b37;top:0}.brand small{letter-spacing:1px;color:#666}.searchbar{border-color:#202b37;border-radius:0;height:46px}.searchbar input{font-size:14px}.searchbar button{background:#202b37}.hot-search button,.hot-search>span{font-size:11px;color:#656565}.basket-button{border-radius:0;color:#202b37;border-color:#ccc;min-height:44px}.basket-button b{background:#bd342b}.shop-nav{background:#202b37}.all-category-label{background:#131c26}.shop-nav button.active,.shop-nav button:hover{background:#384554}.preview-banner{background:#fff;border-color:#ddd;color:#666;font-size:10px;padding:8px}.shop-main{padding-top:24px}.shop-shell{grid-template-columns:190px minmax(0,1fr);gap:24px}.sidebar-group,.sidebar-note,.card,.how,.filter-row,dialog{border-radius:0}.sidebar-group summary{padding:17px;font-size:15px;font-weight:700;cursor:pointer;background:#e9e9e9}.sidebar-group button{min-height:48px;font-size:13px;color:#333;padding:13px 17px}.sidebar-group button span{display:none}.sidebar-group button.active{background:#eceff2;box-shadow:inset 3px 0 #202b37;color:#202b37}.sidebar-group button:hover{background:#f1f1f1}.sidebar-note{background:white;border-color:#ddd;color:#333}.sidebar-note h3,.sidebar-note strong,.sidebar-note a{color:#333}.sidebar-note p,.sidebar-note strong small{color:#666}.sidebar-help{color:#666}.sidebar-help b{color:#333}.feature{display:grid;grid-template-columns:1.2fr 1fr;background:#e8e9eb;min-height:270px;margin-bottom:24px;overflow:hidden}.feature-copy{padding:34px 32px}.feature-label{font-size:11px;letter-spacing:1px;font-weight:600}.feature h1{font-size:30px;font-weight:750;line-height:1.45;letter-spacing:0;margin:16px 0}.feature p{font-size:13px;line-height:1.8;color:#555;max-width:310px}.feature-link{display:inline-block;color:#202b37;border-bottom:1px solid #202b37;padding:7px 0;font-weight:600;font-size:13px}.feature figure{margin:0;position:relative;padding:16px 24px 24px;display:flex;justify-content:center;align-items:center}.feature img{width:100%;height:240px;object-fit:contain}.feature figcaption{position:absolute;bottom:10px;font-size:10px;color:#555}.catalog-tabs{display:flex;align-items:center;gap:25px;border-bottom:2px solid #202b37;margin-bottom:22px}.catalog-tabs a{padding:13px 0;font-size:16px;color:#666;font-weight:600}.catalog-tabs a.selected{color:#202b37}.catalog-tabs span{margin-left:auto;font-size:11px;color:#777}.catalog-heading h2{color:#202b37;font-size:22px}.breadcrumb{color:#777;font-size:11px}.catalog-label{font-size:11px;color:#666}.categories button{font-size:12px;color:#555;border-radius:0;min-height:36px}.categories button.active{background:#202b37;color:white}.sort,.sort select{font-size:11px;color:#555}.results-row,.results-row>span{font-size:11px;color:#666}.cards{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid #ddd;box-shadow:none}.card:hover{box-shadow:none;border-color:#777}.card-image,.card:nth-child(even) .card-image{background:#f2f2f2!important}.card-image img{filter:saturate(.45);padding:15px}.sample-tag{color:#666;border-radius:0;font-size:9px;background:#ffffffd9}.detail-hint{border-radius:0}.card-meta{font-size:9px;color:#777}.card h3{font-size:14px;font-weight:600;color:#252525}.card .dimensions{font-size:10px;color:#777}.price{color:#bd342b;font-weight:700}.price small{color:#666}.add-button{background:white;border:1px solid #bbb;color:#333;border-radius:0;font-size:12px;min-height:40px}.add-button:hover{background:#eee}.add-button.added{background:#202b37;border-color:#202b37}.primary{background:#202b37;border-radius:0}.secondary{border-radius:0;color:#333;border-color:#aaa}.how h2,.how h3,.detail-info h2,.drawer-header h2{color:#252525}.how li p,.how>div>p{color:#666;font-size:11px}.availability-note{color:#666;font-size:11px}.toast{background:#202b37;border-radius:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3578c5;outline-offset:3px}
@media(min-width:1101px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-copy{padding:24px}.feature h1{font-size:25px}}
@media(max-width:800px){.shop-sidebar{display:block;margin-bottom:16px}.shop-shell{display:block}.sidebar-note,.sidebar-help{display:none}.sidebar-group{display:flex;flex-wrap:wrap}.sidebar-group summary{font-size:14px;padding:14px}.sidebar-group button{display:inline-flex;width:50%;min-height:44px}.feature{min-height:230px}.feature h1{font-size:24px}.feature img{height:220px}.header-search{margin-top:4px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.shop-main{padding:14px 12px 0}.preview-banner{font-size:9px;text-align:left;padding:8px 16px}.feature{grid-template-columns:1fr 42%;min-height:220px;margin-bottom:15px}.feature-copy{padding:22px 0 22px 18px}.feature h1{font-size:21px;line-height:1.5;margin:12px 0}.feature-label{font-size:9px;letter-spacing:0}.feature p{font-size:11px}.feature-link{font-size:12px;min-height:36px}.feature figure{padding:12px 7px 24px}.feature img{height:180px}.feature figcaption{font-size:8px;text-align:center;bottom:12px}.catalog-tabs{gap:20px;margin-bottom:16px}.catalog-tabs a{font-size:14px}.catalog-tabs span{font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card h3{font-size:13px}.card-meta{font-size:8px}.card .dimensions{font-size:9px}.sample-tag{font-size:8px}.searchbar input{font-size:13px}.search-scope{display:none}.categories button{font-size:11px;min-height:40px}.filter-label{font-size:11px}.shop-nav button{min-height:42px}.shop-nav>div{height:42px}.sidebar-group summary{min-height:44px}.catalog-heading h2{font-size:20px}.results-row,.results-row>span{font-size:10px}}

.sidebar-group summary{width:100%;box-sizing:border-box}
@media(max-width:800px){.sidebar-group:not([open]){display:block}.sidebar-group summary{display:list-item}}

/* High contrast lime accents, requested by the owner. */
:root{--lime:#baff00;--accent:#202b37;--light:#eaffad}.shop-nav{border-bottom:4px solid var(--lime)}.searchbar{border-color:#536d00}.searchbar button{background:var(--lime);color:#101700}.basket-button b{background:var(--lime);color:#101700}.shop-logo>span{color:#5c7900}.feature{background:#171e24;color:#fff;border-right:7px solid var(--lime)}.feature-label{color:var(--lime)}.feature h1{color:white}.feature p{color:#d4d9dc}.feature-link{color:var(--lime);border-color:var(--lime)}.feature figure{background:#d9dee0}.feature figcaption{color:#333}.catalog-tabs{border-color:#171e24}.catalog-tabs .selected{box-shadow:inset 0 -4px var(--lime)}.sidebar-group button.active{background:#e9ffb2;box-shadow:inset 4px 0 #a5db00}.categories button.active{background:var(--lime);color:#182000}.add-button{border-color:#789b00;background:#edffc1;color:#263200}.add-button:hover{background:var(--lime)}.add-button.added{color:#fff;background:#202b37;border-color:#202b37}.primary{background:var(--lime);color:#1a2300}.primary:hover{background:#a8df00}.price,.detail-info .price,.estimate .total strong{color:#252b2f}.scene-section{background:white;border:1px solid #ddd;padding:20px;margin-bottom:20px;border-top:4px solid var(--lime)}.scene-section h2{font-size:18px;margin:0 0 6px;color:#202b37}.scene-section p{font-size:12px;color:#656565;margin:0;line-height:1.6}.scene-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 12px}.scene-buttons button{padding:10px 18px;background:#fff;border:1px solid #b3bac0;color:#252b2f;font-size:13px;min-height:44px;cursor:pointer}.scene-buttons button[aria-pressed=true]{background:var(--lime);border-color:#698a00;color:#172000;font-weight:700}.scene-buttons button:hover{border-color:#202b37}#scene-status{font-size:11px}.detail-info .primary{color:#172000}@media(max-width:560px){.scene-section{padding:16px;margin-bottom:16px}.scene-section h2{font-size:16px}.scene-section p{font-size:11px}.scene-buttons{gap:6px}.scene-buttons button{padding:9px 12px;font-size:12px;flex:1 0 28%}.feature{border-right-width:4px}}

/* Reuse DGCloud intranet wordmark rules exactly. */
.brand .dgc-wordmark{display:inline-block;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:34px;font-weight:900;font-style:italic;line-height:1.05;letter-spacing:-2px;color:#131b17;padding-right:22px;margin-bottom:5px;isolation:isolate;white-space:nowrap}.dgc-wordmark::after{content:"";position:absolute;right:0;bottom:3px;width:9px;height:9px;background:#b9ef54;border-radius:2px;transform:skew(-12deg);z-index:-1}.dgc-wordmark::before{content:"";position:absolute;left:0;right:22px;bottom:4px;height:5px;background:#b9ef54;transform:skew(-12deg);z-index:-1}.header .brand{flex:0 0 auto}.brand small{font-size:11px;letter-spacing:.4px;color:#65736d}footer .brand .dgc-wordmark{font-size:26px}@media(max-width:620px){.brand .dgc-wordmark{font-size:32px}.header .brand{flex:1}}

.card-image img{filter:none}.stock-badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;padding:4px 8px;background:#e6ffb1;color:#243200}.stock-badge.rented{background:#303841;color:white}.no-photo{display:grid;place-items:center;width:100%;height:100%;min-height:150px;color:#777;font-size:14px}.photo-gallery{display:flex;gap:10px;padding:18px;overflow:auto}.photo-gallery button{border:1px solid #ccc;background:white;padding:4px;min-width:75px;cursor:pointer}.photo-gallery img{width:70px;height:70px;object-fit:contain}.scene-buttons{max-height:240px;overflow:auto}.categories{max-height:160px;overflow:auto}.shop-sidebar .sidebar-group{max-height:600px;overflow:auto}#retry-catalog{padding:10px;border:1px solid #555;margin-left:8px;cursor:pointer}.detail-photo img{object-fit:contain}.price{font-size:19px}
