.page-container{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box} #artis-matboard{font-family:Arial,sans-serif}#artis-matboard [hidden]{display:none!important}#artis-matboard .form-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#artis-matboard .ab-pagination{display:flex;justify-content:center;gap:8px;margin:16px 0 40px;flex-wrap:wrap}#artis-matboard .ab-pagination a,#artis-matboard .ab-pagination span{padding:10px 14px;border:1px solid #e6e1d7;border-radius:4px}#artis-matboard .ab-pagination [aria-current]{background:#ffca28;color:#252525}#ab-standalone{padding:25px 0 45px}#ab-standalone .ab-static-main{display:grid;grid-template-columns:1fr 1fr;gap:40px}#ab-standalone img{max-width:100%;max-height:650px;object-fit:contain}#ab-standalone h1{font:500 34px/1.2 Arial,sans-serif}#ab-standalone dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}#ab-standalone dd{margin:0}#artis-matboard .reserve-status.is-error{font-size:18px;font-weight:600;color:#a82822;background:#fff0ee;padding:14px;border-radius:4px}#artis-matboard .reserve-alternative{font-size:15px}#artis-matboard .view-link{white-space:normal}#artis-matboard .card-title{overflow-wrap:anywhere}#artis-matboard .product-dialog .sample-code h2{overflow-wrap:anywhere}@media(max-width:650px){.page-container{padding:0}#ab-standalone .ab-static-main{grid-template-columns:1fr}#artis-matboard .ab-pagination a,#artis-matboard .ab-pagination span{padding:8px 11px}}
#artis-matboard h1,#artis-matboard h2,#artis-matboard h3{text-transform:none}#artis-matboard .product-dialog h3{letter-spacing:normal}

body:has(#artis-matboard) #start>.bootstrap-container{width:100%;max-width:1240px;padding:0 15px;margin:0 auto;box-sizing:border-box}body:has(#artis-matboard) #start>.bootstrap-container>.row{margin:0;display:block}#artis-matboard .intro{margin-top:10px}@media(max-width:850px){body:has(#artis-matboard) #start>.bootstrap-container{padding:0 18px}}@media(max-width:600px){body:has(#artis-matboard) #start>.bootstrap-container{padding:0 12px}}

/* Immediate popup response; content loads without blocking the dialog. */
#artis-matboard .main-photo .expand-icon{left:16px;right:auto;bottom:16px}
#artis-matboard .main-photo{position:relative}
#artis-matboard .photo-load-status{position:absolute;left:20px;right:20px;top:45%;text-align:center;color:#716b60;font-size:15px;pointer-events:none}
#artis-matboard .photo-load-status[hidden]{display:none}
#artis-matboard .main-photo.photo-loading>img{opacity:0}
#artis-matboard .detail-loading{font-size:16px;color:#716b60;margin:16px 0}
#artis-matboard .detail-loading button{font:inherit;color:#7c622c;text-decoration:underline;border:0;background:none;cursor:pointer}
@media(max-width:600px){#artis-matboard .main-photo .expand-icon{left:12px;right:auto;bottom:12px}}

/* Loading feedback must not widen the two-column mobile toolbar. */
#artis-matboard #ap-resultsCount{min-width:0;white-space:normal;overflow-wrap:break-word}
@media(max-width:600px){#artis-matboard .results-toolbar{grid-template-columns:minmax(0,1fr) auto}}

/* Matboard-specific controls, otherwise the approved catalogue layout. */
#artis-matboard .texture-select{display:flex;align-items:center;gap:14px;justify-content:flex-end;margin:0 0 18px;color:#756e60;font-size:15px}
#artis-matboard .texture-select select{max-width:230px;padding:9px 32px 9px 12px;border:1px solid #ded9ce;border-radius:6px;background:#fff;font:inherit;color:#333}
#artis-matboard .card-warehouse strong{font-size:14px;overflow-wrap:anywhere;text-align:right}
#artis-matboard .card-author{min-height:1.5em}
#artis-matboard .card-specs{margin-top:auto}
#artis-matboard .warehouse-list{min-width:0}
@media(max-width:600px){#artis-matboard .texture-select{justify-content:space-between}#artis-matboard .card-warehouse p{gap:6px}#artis-matboard .card-warehouse strong{font-size:12px}#artis-matboard .card-warehouse span{font-size:12px}#artis-matboard .view-link{font-size:13px}}

#artis-matboard .texture-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
#artis-matboard .texture-controls .material-bar{margin-bottom:0}
#artis-matboard .texture-controls .texture-select{margin:0}
#artis-matboard .texture-controls .texture-select>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){#artis-matboard .texture-controls{gap:10px}#artis-matboard .texture-controls .texture-select{margin-left:auto}#artis-matboard .texture-controls .texture-select select{font-size:13px;padding:8px;max-width:190px}}

#artis-matboard .card-author{min-height:3em;margin-bottom:12px}