#hd, #side_menu, #ft, #wrapper, #container, #container_wr, #ft_wr { min-width: 0; }
.header a.logo { color: var(--green-dark); }
#side_menu { display: none; }
.brimcap-site-shell { min-height: var(--size-1px); }
.brimcap-site-shell > #wrapper,
.brimcap-site-shell > #container { width: auto; margin: 0; padding: 0; background: var(--white); }
.brimcap-site-shell > #wrapper > #container,
.brimcap-site-shell > #wrapper .shop-content,
.brimcap-site-shell > #container .shop-content { width: min(calc(100% - var(--size-48px)), var(--content)); margin: 0 auto; padding: var(--size-48px) 0; float: none; }
.brimcap-site-shell #wrapper_title,
.brimcap-site-shell #text_size,
.brimcap-site-shell #aside { display: none; }
.brimcap-site-shell #sct,
.brimcap-site-shell #sit,
.brimcap-site-shell #sod_bsk,
.brimcap-site-shell #sod_frm { width: 100%; margin: 0 auto; }
.brimcap-site-shell #sod_frm::after { display: block; clear: both; content: ""; }
.brimcap-site-shell #sct h1,
.brimcap-site-shell #sit h1,
.brimcap-site-shell #sod_bsk h1,
.brimcap-site-shell #sod_frm h1 { font-size: var(--size-32px); }
.brimcap-site-shell .sct_admin,
.brimcap-site-shell .sit_admin { z-index: 5; }
.brimcap-site-shell .tbl_wrap table { width: 100%; }
.brimcap-site-shell .btn_submit,
.brimcap-site-shell .btn01,
.brimcap-site-shell .btn02,
.brimcap-site-shell .btn_frmline { border-radius: var(--pill); }
.brimcap-site-shell .demo-quote { width: 100%; min-height: var(--size-40px); margin-top: var(--size-12px); padding: var(--size-8px) var(--size-12px); font-size: var(--size-12px); }
.brimcap-site-shell .product-card:has(.demo-quote) .wish { top: var(--size-14px); right: var(--size-14px); border-radius: 50%; background: var(--color-ffffffcc); }
.brimcap-site-shell .brimcap-order-files {
    margin-top: var(--size-32px);
    padding: var(--size-32px);
    border: var(--size-1px) solid var(--line);
    border-radius: var(--radius);
    background: var(--pale);
}
.brimcap-site-shell .brimcap-order-files-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--size-24px);
    margin-bottom: var(--size-24px);
}
.brimcap-site-shell .brimcap-order-files-eyebrow {
    display: block;
    margin-bottom: var(--size-8px);
    color: var(--green-dark);
    font-size: var(--size-11px);
    font-weight: 700;
    letter-spacing: .12em;
}
.brimcap-site-shell .brimcap-order-files h2 {
    margin: 0;
    color: var(--ink);
    font-size: var(--size-24px);
    line-height: 1.35;
}
.brimcap-site-shell .brimcap-order-files-heading p,
.brimcap-site-shell .brimcap-order-file-help,
.brimcap-site-shell .brimcap-order-file-notice {
    margin: 0;
    color: var(--muted);
    font-size: var(--size-13px);
    line-height: 1.6;
}
.brimcap-site-shell .brimcap-order-files-heading p {
    max-width: var(--size-360px);
    text-align: right;
}
.brimcap-site-shell .brimcap-order-file-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--size-16px);
}
.brimcap-site-shell .brimcap-order-file-group {
    min-width: 0;
    margin: 0;
    padding: var(--size-20px);
    border: var(--size-1px) solid var(--line);
    border-radius: var(--size-16px);
    background: var(--white);
}
.brimcap-site-shell .brimcap-order-file-group legend {
    padding: 0 var(--size-8px);
    color: var(--ink);
    font-size: var(--size-16px);
    font-weight: 700;
}
.brimcap-site-shell .brimcap-order-file-group legend span {
    margin-left: var(--size-4px);
    color: var(--green-dark);
    font-size: var(--size-12px);
    font-weight: 700;
}
.brimcap-site-shell .brimcap-order-file-help {
    margin-bottom: var(--size-16px);
}
.brimcap-site-shell .brimcap-order-file-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--size-12px);
}
.brimcap-site-shell .brimcap-order-file-field {
    display: block;
    min-width: 0;
}
.brimcap-site-shell .brimcap-order-file-field > span {
    display: block;
    margin-bottom: var(--size-8px);
    color: var(--ink);
    font-size: var(--size-13px);
    font-weight: 700;
}
.brimcap-site-shell .brimcap-order-file-control {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: var(--size-48px);
    padding: var(--size-8px);
    border: var(--size-1px) dashed var(--line);
    border-radius: var(--size-12px);
    background: var(--white);
    color: var(--muted);
    font-size: var(--size-12px);
}
.brimcap-site-shell .brimcap-order-file-control input[type="file"] {
    position: absolute;
    width: var(--size-1px);
    height: var(--size-1px);
    overflow: hidden;
    opacity: 0;
    clip: rect(0 0 0 0);
}
.brimcap-site-shell .brimcap-order-file-control:focus-within {
    outline: var(--size-3px) solid var(--green-dark);
    outline-offset: var(--size-4px);
}
.brimcap-site-shell .brimcap-order-file-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: var(--size-30px);
    padding: 0 var(--size-12px);
    border-radius: var(--pill);
    background: var(--green);
    color: var(--ink);
    font-size: var(--size-12px);
    font-weight: 700;
}
.brimcap-site-shell .brimcap-order-file-name {
    min-width: 0;
    margin-left: var(--size-8px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.brimcap-site-shell .brimcap-order-file-control.has-file .brimcap-order-file-name {
    color: var(--ink);
}
.brimcap-site-shell .brimcap-order-file-notice {
    margin-top: var(--size-16px);
}
@media (max-width: 1000px) {
    .brimcap-site-shell .sod_left,
    .brimcap-site-shell .sod_right {
        display: block;
        float: none;
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .brimcap-site-shell #sod_fin_list > .tbl_wrap,
    .brimcap-site-shell #sod_frm .od_prd_list {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }
    .brimcap-site-shell #sod_fin_list > .tbl_wrap table,
    .brimcap-site-shell #sod_frm .od_prd_list table {
        min-width: calc(var(--size-360px) * 2);
    }
    .brimcap-site-shell #sod_fin_list .td_prd,
    .brimcap-site-shell #sod_frm .od_prd_list .td_prd {
        min-width: calc(var(--size-120px) * 2);
    }
    .brimcap-site-shell #sod_fin_list .sod_name,
    .brimcap-site-shell #sod_frm .od_prd_list .sod_name {
        word-break: keep-all;
    }
}
@media (max-width: 600px) {
    .brimcap-site-shell > #wrapper > #container,
    .brimcap-site-shell > #wrapper .shop-content,
    .brimcap-site-shell > #container .shop-content { width: min(calc(100% - var(--size-32px)), var(--content)); padding: var(--size-32px) 0; }
    .brimcap-site-shell #sct h1,
    .brimcap-site-shell #sit h1,
    .brimcap-site-shell #sod_bsk h1,
    .brimcap-site-shell #sod_frm h1 { font-size: var(--size-28px); }
    .brimcap-site-shell .brimcap-order-files { padding: var(--size-20px); }
    .brimcap-site-shell .brimcap-order-files-heading { display: block; }
    .brimcap-site-shell .brimcap-order-files-heading p { max-width: none; margin-top: var(--size-8px); text-align: left; }
    .brimcap-site-shell .brimcap-order-file-groups { grid-template-columns: 1fr; }
    .brimcap-site-shell .brimcap-order-file-group { padding: var(--size-16px); }
    .brimcap-site-shell #sod_fin_no { overflow-wrap: anywhere; }
    .brimcap-site-shell #sod_fin_orderer .tbl_wrap,
    .brimcap-site-shell #sod_fin_receiver .tbl_wrap,
    .brimcap-site-shell #sod_fin_dvr .tbl_wrap { padding: var(--size-16px); }
    .brimcap-site-shell #sod_fin .sod_left th { width: var(--size-120px); padding-right: var(--size-16px); }
    .brimcap-site-shell #sod_fin .sod_left td,
    .brimcap-site-shell #sod_fin_pay li > span { overflow-wrap: anywhere; }
    .brimcap-site-shell #sod_fin_pay ul { padding: var(--size-16px); }
    .brimcap-site-shell #sod_fin_pay li > strong { width: var(--size-120px); margin-right: var(--size-8px); }
    .brimcap-site-shell #sod_fin_pay li > span { width: calc(100% - var(--size-120px) - var(--size-8px)); }
}

.brimcap-draft-preview {
    margin-top: var(--size-16px);
    min-width: 0;
}
.brimcap-draft-images {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--size-12px);
}
.brimcap-draft-images figure { margin: 0; min-width: 0; }
.brimcap-draft-images img {
    width: 100%;
    max-width: var(--size-160px);
    height: auto;
    border-radius: var(--size-12px);
}
.brimcap-draft-images figcaption {
    font-size: var(--size-12px);
    overflow-wrap: anywhere;
    word-break: keep-all;
}
#brimcap-customizer-options { display: grid; grid-template-columns: 1fr; }
#brimcap-customizer-options label { display: grid; gap: var(--size-8px); }
#brimcap-customizer-options input { width: 100%; min-height: var(--size-48px); }
@media print {
    .brimcap-draft-images { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .brimcap-draft-images img { max-width: var(--size-56px); }
}

#sod_frm_custom,
.brimcap-draft-preview {
    word-break: keep-all;
    overflow-wrap: anywhere;
}

.basket-row > .brimcap-draft-preview { grid-column: 1 / -1; }
.basket-row > .brimcap-draft-preview h3 { font-size: var(--size-15px); }
.basket-row > .brimcap-draft-preview p {
    color: var(--muted);
    font-size: var(--size-13px);
}