/* Flammable Storage & Workplace Safety detail pages. Typography inherits the internal-page theme. */
.fs-detail-page { --fs-navy:#08254a; --fs-red:#df171d; --fs-muted:#596a7d; --fs-line:#dfe6ee; color:#1f2937; background:#fff; }
.fs-detail-page *, .fs-detail-page *::before, .fs-detail-page *::after { box-sizing:border-box; }
.fs-detail-container { width:min(1440px, calc(100% - 48px)); margin:0 auto; }
.fs-detail-breadcrumb { display:flex; flex-wrap:wrap; gap:9px; padding:20px 0 4px; color:#6c7785; font-size:14px; }
.fs-detail-breadcrumb a { color:var(--fs-navy); text-decoration:none; }
.fs-detail-hero { padding:42px 0 58px; border-bottom:1px solid #edf1f5; background:linear-gradient(135deg,#f8fafc 0%,#fff 70%); }
.fs-detail-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:64px; align-items:center; }
.fs-detail-eyebrow { display:block; margin-bottom:10px; color:var(--fs-red); font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
.fs-detail-hero h1 { color:var(--fs-navy); margin:0 0 20px; }
.fs-detail-hero p, .fs-detail-content p, .fs-detail-content li { color:var(--fs-muted); font-size:17px; line-height:1.72; }
.fs-detail-media { display:flex; justify-content:center; align-items:center; min-height:360px; }
.fs-detail-media img { display:block; max-width:100%; max-height:390px; width:auto; height:auto; object-fit:contain; }
.fs-detail-content { padding:62px 0 80px; }
.fs-detail-content-inner { max-width:1120px; }
.fs-detail-content h2, .fs-detail-content h3 { color:var(--fs-navy); }
.fs-detail-content h2 { margin:38px 0 16px; }
.fs-detail-content h3 { margin:28px 0 10px; font-size:19px; }
.fs-detail-list { margin:18px 0 28px; padding-left:24px; }
.fs-detail-list > li { margin-bottom:16px; }
.fs-detail-list ul { margin-top:10px; }
.fs-detail-gallery { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:36px 0 10px; }
.fs-detail-gallery figure { display:flex; align-items:center; justify-content:center; min-height:220px; margin:0; padding:18px; border:1px solid var(--fs-line); border-radius:10px; background:#fbfcfe; }
.fs-detail-gallery img { max-width:100%; max-height:230px; width:auto; height:auto; object-fit:contain; }
.fs-detail-note { margin:30px 0; padding:20px 22px; border-left:4px solid var(--fs-red); background:#f8fafc; }
@media (max-width:900px){ .fs-detail-hero-grid{grid-template-columns:1fr;gap:26px}.fs-detail-media{min-height:0;justify-content:flex-start}.fs-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .fs-detail-container{width:min(100% - 30px,1440px)} .fs-detail-hero{padding:30px 0 42px}.fs-detail-content{padding:48px 0 60px}.fs-detail-gallery{grid-template-columns:1fr;} }


/* Product gallery titles and related-page actions restored from the current Securall pages. */
.fs-detail-gallery figure {
    flex-direction: column;
    min-width: 0;
}
.fs-detail-gallery figcaption {
    width: 100%;
    margin: 0 0 14px;
    color: var(--fs-navy);
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
}
.fs-detail-gallery figure > a {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.fs-detail-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: center;
    margin: 46px 0 4px;
}
.fs-detail-action {
    display: inline-flex;
    min-height: 44px;
    padding: 10px 18px;
    align-items: center;
    justify-content: center;
    border: 2px solid #174d91;
    border-radius: 5px;
    color: #174d91;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
}
.fs-detail-action:hover,
.fs-detail-action:focus {
    color: #0b3569;
    border-color: #0b3569;
    text-decoration: none;
}
.fs-detail-action-primary {
    border-color: #df171d;
    background: #df171d;
    color: #fff;
}
.fs-detail-action-primary:hover,
.fs-detail-action-primary:focus {
    border-color: #c51218;
    background: #c51218;
    color: #fff;
}
@media (max-width: 900px) {
    .fs-detail-actions {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 32px;
    }
}