body > main {
    position: relative;
    overflow-wrap: anywhere;
}

body > main > form > figure {
    display: flex;
    margin: 0 0 3.7rem;
    width: 100%;
}

body > main > form > figure > img {
    object-fit: contain;
    width: 25%;
    height: auto;
}

body > main > form > figure > figcaption {
    width: auto;
    margin: 0 0 0 1.3rem;
}

body > main > form > figure > figcaption > h3 {
    margin: 0 0 1rem;
}

body > main > form > figure > figcaption > dl {
    display: flex;
    align-items: center;
    margin: 0;
}

body > main > form > figure > figcaption > dl > dd {
    margin: 0;
    display: flex;
    align-items: flex-start;
}

body > main > form > figure > figcaption > dl.unit > dd, body > main > form > figure > figcaption > dl.subtotal > dd, body > main > form > figure > figcaption > dl.tax > dd, body > main > form > figure > figcaption > dl.withtax > dd {
    width: 7.7rem;
    text-align: right;
    display: block;
}

body > main > form > figure > figcaption > dl.unit > dd > span, body > main > form > figure > figcaption > dl.subtotal > dd > span, body > main > form > figure > figcaption > dl.tax > dd > span, body > main > form > figure > figcaption > dl.withtax > dd > span {
    display: inline-block;
    width: 3rem;
}

body > main > form > figure > figcaption > dl.unit > dd > span > small, body > main > form > figure > figcaption > dl.subtotal > dd > span > small, body > main > form > figure > figcaption > dl.tax > dd > span > small, body > main > form > figure > figcaption > dl.withtax > dd > span > small {
    margin: 0 0.5rem 0 0;
    font-size: 0.8rem;
}

body > main > form > figure > figcaption > dl > dd:has(input[type="number"]) {
    display: flex;
    align-items: center;
}

body > main > form > figure > figcaption > dl > dd > button {
    padding: 0.5rem;
    background: white;
    border: 0.05rem solid rgb(180, 180, 180);
    box-sizing: border-box;
    font: var(--fa-font-solid);
    line-height: 1.5rem;
    cursor: pointer;
}

body > main > form > figure > figcaption > dl > dd:has(input) > span {
    margin: 0 0 0 1.3rem;
    padding: 0.5rem;
    background: #ff5c30;
    border-radius: 1rem;
    font: var(--fa-font-regular);
    color: #ffffff;
    cursor: pointer;
}

body > main > form > figure > figcaption > dl > dd > button:active {
    box-shadow: -0.05rem 0 0.3rem 0.05rem rgba(68, 60, 218, 0.5);
}

body > main > form > figure > figcaption > dl > dd > button:first-of-type {
    border-right: none;
    border-radius: 0.3rem 0 0 0.3rem;
}

body > main > form > figure > figcaption > dl > dd > button:last-of-type {
    border-left: none;
    border-radius: 0 0.3rem 0.3rem 0;
}

body > main > form > figure > figcaption > dl > dd > input[type="number"] {
    width: 4rem;
    height: 2.625rem;
    border-radius: 0;
    text-align: center;
}

body > main > div {
    position: fixed;
    background: #f6f6f6;
}

body > main > div > div > a {
    padding: 0.6rem 1.4rem;
    border: none;
    border-radius: 0.4rem;
    cursor: pointer;
    background: rgb(172, 88, 0);
    color: #f8f8ff;
    text-decoration: none;
}

body > main > div > div > a::before {
    content: '\f788';
    margin: 0 0.7rem 0 0;
    font: var(--fa-font-solid);
}