@charset "UTF-8";

#copy, #email {cursor:pointer;}

.caption {
    display:flex;
    flex-flow:row wrap;
    gap:15px;
    align-items:flex-end;
    button{
        padding:.2em .7em;
        font-size:15px;

    }

    p {
        display:flex;
        flex-flow:column;
        align-items:center;
        gap:0;
        padding:0 10px;
        &:empty {flex-grow:3;}
	/*	&[id]>*{cursor:pointer;} */
        label {
            font-size:36px;
            margin:0 0 -5px 15px;
			pointer-events: none;
        }
        span {
            font-size:15px;
            display:block;
        }
    }
}

#basket{
    margin-top:15px;
    th {
        white-space:nowrap;   zborder:dotted 1px;
        padding:.35em 0;
        &.title {
            display:flex;
            flex-flow:row wrap;
            justify-content:space-between;
            align-items:center;
            gap:7px;
            :first-child{
                flex-grow:1;
                text-align:left;
                padding-left:.7em;
            }
        }
    }
    a {
        padding:0 .5em;
        margin:.2em;
        font-weight:600;
        font-size:smaller;
        background:#eee;
        border:outset 1px #ddd;
        border-radius:var(--radius-small);
        &.del{color:red; border:none}
    }
    tbody {
        td:first-child {
            text-align:left;
            span{
              padding:0 7px;
              font-size:smaller;
              color:#666;
            }
            p {
                font-weight:500;
                font-size:18px;
            }
        }
        td:last-child {
            padding: 0;
            p {
                white-space:nowrap;
            }
            .num{
                display:inline-block;
                width:2em;
                background:#eee;
            }
        }
    }
}

.app_form {
    max-width:94%;
    width:600px;
    hyphens:none;
}
.app_form, form, .app_form p {
    margin:15px auto;
}