.quote-modal { border:0; padding:0; width:min(92vw,520px); box-shadow:0 5px 30px rgba(0,0,0,.35); }
.quote-modal::backdrop { background:rgba(0,0,0,.6); }
.quote-box { padding:24px; font-size:14px; line-height:1.5; }
.quote-title { margin:0 0 18px; font-size:20px; }
.quote-form { display:grid; gap:10px; }
.quote-form label { display:grid; gap:4px; font-size:13px; }
.quote-form input,.quote-form textarea { border:1px solid #ccc; border-radius:4px; padding:8px; width:100%; box-sizing:border-box; font:inherit; }
.quote-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:8px; }
.quote-actions button,.quote-action { border:1px solid #a40000; border-radius:3px; background:#a40000; color:#fff; padding:6px 9px; cursor:pointer; font:inherit; }
.quote-actions .secondary { background:#fff; color:#333; border-color:#aaa; }
.quote-action { display:inline-block; margin-right:7px; font-size:11px; text-decoration:none !important; white-space:nowrap; }
.table_container { overflow:auto; }
.table_container table.product { min-width:999px; }
.mega-menu { display:flex; flex-wrap:wrap; justify-content:center; gap:0; }
.mega-menu > li { list-style:none; }
.mega-menu > li > a { display:block; color:#fff !important; text-decoration:none !important; padding:12px 18px; font-size:13px; }
.mega-menu > li > a:hover { background:#444; }
.mobile-menu-toggle { display:none; }
#gnavi { position:relative; }
.product-images { display:flex; flex-wrap:wrap; gap:8px; margin:8px; }
.product-images img { width:400px; max-width:100%; height:auto; }
.diamond-note { min-height:145px; }
.diamond-note img { float:left; width:200px; max-width:45%; margin-right:20px; }
@media only screen and (max-width:768px) { .quote-action { font-size:10px; padding:5px; } .product-images { display:block; } .product-images img { margin-bottom:8px; } .diamond-note img { width:45%; } .mobile-menu-toggle { display:block; position:absolute; right:10px; top:8px; z-index:10001; width:42px; height:34px; border:1px solid #777; background:#23282d; color:#fff; font-size:21px; line-height:1; cursor:pointer; } #gnavi .mega-menu { display:none !important; } #gnavi .mega-menu.is-open { display:block !important; } #gnavi .mega-menu > li { display:block; width:100%; } #gnavi .mega-menu > li > a { padding:10px 14px; font-size:12px; } }