.order-form {
    max-width: 600px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 30px 20px;
    border: 1px solid #d5c2bf;
}

/* Offer Selection */
.offer-selection {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
	align-items: center;
}

.offer-option {
    flex: 1;
    position: relative;
}

.offer-option:has(input[type="radio"]:checked) {

}

.offer-option input[type="radio"] {
    display: none;
}

.offer-option label{

    /* display: block; */
    padding: 5px 40px 5px 10px;
    /* background: #f1f1f1; */
    border: 1px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    /* text-align: center; */
    transition: 0.3s ease;
    font-size: 14px;
    font-weight: bold;
    min-height: 30px;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
    position: relative;
    min-height: 84px;

}



.offer-data-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
}

.offer-data-column {
    display: flex;
    flex-direction: column;
}

.offer-data-cell {
    flex: 1;
}
.offer-data-cell.discount {
    color: #fd406e;
}
.offer-data-cell.price {
    font-size: 16px;
}
.offer-data-cell.old-price {
    font-weight: 500;
    color: #666;
    text-align: left;
    text-decoration: line-through;
}


/* Add the circle on the right */
.offer-option label::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: transparent;
    border: 2px solid #ccc;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 0 0 transparent;
}

/* Glow and fill circle when checked */
.offer-option input[type="radio"]:checked + label::after {
    background: #563b36;
    border-color: #ffffff;
    box-shadow: 0 0 10px rgb(86 59 54 / 47%);
    outline: 1px solid #563b36;
}

/* Highlight card when checked */
.offer-option input[type="radio"]:checked + label {
    background: #fffbfb;
    color: #563b36;
    border-color: #d3bfbb;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

/* Item Customization */
.item-customization h3,
.personal-details h3,
.summary h3 {
    font-size: 18px;
    margin: 0;
    color: #333;
    border-bottom: 2px solid #563b36;
    display: inline-block;
    margin-bottom: 5px;
}

.item-section {
    margin-bottom: 0;
    padding: 0;
    align-items: center;
    gap: 5px;    
    display: flex;
    
}

.item-section h4 {
    font-size: 16px;
    margin-bottom: 3px;
    margin: 0;
}

.attribute-section {
    margin: 3px 0;
}

.order-form .attribute-sections {
    display: flex;
    gap: 10px;
}

.order-form .attribute-sections select {
    flex: 1;
}

.attribute-section label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.attribute-section select {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    height: auto;
}



.attribute-section select option:hover,
.attribute-section select option:focus {
    background-color: initial;
    color: initial;
}

.attribute-section select:hover {
    cursor: pointer;
}

/* .attribute-section select option {
    color: white;
} */
.attribute-section select option[value="BLEU"] {
    background: #030b32;
}
.attribute-section select option[value="NOIR"] {
    background: #000000;
}
.attribute-section select option[value="VERT"] {
    background: #8ea594;
}
.attribute-section select option[value="BEIGE"] {
    background: #e7cfb2;
}
.attribute-section select option[value="GRENAT"] {
    background: #c81934;
}   



/* Personal Details */
.personal-details .form-group {
    margin-bottom: 10px;
}

.personal-details .form-group label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

.personal-details .form-group input,
.personal-details .form-group textarea {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
}

.personal-details textarea {
    resize: none;
    height: 80px;
}

/* Summary Section */
.summary {
    margin-top: 10px;
}

.summary #summary-box {
    background: #f7f7f7;
    border: 1px solid #e0e0e0;
    padding: 0 10px;
    border-radius: 8px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 5px;
}

.summary #summary-box p {
    margin: 5px 0;
    font-size: 14px;
}

.summary #summary-box span {
    font-weight: bold;
}



#order-form .summary {
    display: none;
}


/* Delivery Details */
.br-product-details__delviery-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px;
}

.br-product-details__delivery-card {
    display: flex;
    align-items: center;
    gap: 7px;
}

span.anticon.ant-icon-lg.br-product-details__icon {vertical-align: middle;}

.delivery-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: brightness(0) contrast(100%) hue-rotate(30deg) saturate(1.5);
}

.cod-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAyhJREFUaEPtmEvoTVEUxn9/z0yUEHmEEMkjIWHCwICStyQDQiEDeYehd4oJybvIO3kPkAyIRIoiyTOSomTiGfandeu43X3vPvf+T/fcv7OnZ++9vm+tbz32qaPGV12N4ycjUO0IZhHIIlChBxqUhHoC24FmFTol6ePfgcXAUxmKRmAWcAC4CXxJGkWZ97cARgCzgYM+At2Al2UaSPpYV+DFf0lglcuNDXmSi3r7IdA/pvsfAP08Z34Dq4FNed/LioDy5B7QEjjlMSgwRwp8awsIzIcC32YUIT0F+AwMsvO547EJtHEJvRJYBswF9gV4ubN5TyB0XksETloU3wTcMQ/YDWwFNkccEIuAgG802ex0lyzK80YhHKMNaHPgBHDXNg0GpgFfganA1RIkFHXZnG82JeEtrvLEIqCSOs6VVYG6H+C1vsBtq88TXKV4VUC/Z4DuwFBH6FHAnQNd2bzipHTeKk9sAiMBldWQdRkYYLp+7znQHlC+KKfGhFxqZfN60gQ6Aa+BNSa7YthUXda5fFKuvA0gobqfOAFJ7RwwJKJ7HzbtuWPyvJAWAtOBo0Bv4EkJUNrzGNCZ42khoPnkBqDkPVsC1ESXJ6eB4cCttBBoAryzKiQ5FVsXTWodgJ9pISAcS63xLAB2eYAtBHa4LrsE2BYAXlvKTuK9birViH0JWB6g7cYmDUVgjzWeZwayB7DCVR11WElsEvArIFfUvMba6KxJIFYf6APIm0o2SURzyfMSRrVvvT049DD6aPtbu/FCDxF5fW2AdNTs1MUlsWPWlZX4sQjksHax5qNBbk5g2Du67j3eVaZeNoqoMqkLh9R9mdgPTLamGO3oZRHQhRrENJz5Vn2P0zmbmp+iq2wCktNMoJGHgW+cLhawYuO08uOQ9Yt6IRConMS3BUVAnvYNY4kjLGGgHXDY9yZW0vheXNUGnm9fWNXN//mtIn0Pcy8g/bpI89IvH40gf/tIg/oz18q01TTN7ndvjh/WJz7lR0DT4TX3INF7Ns3rGzAqN8k2KAml2etebNEI1Pzf6ZonUPMSyghUwwNZGa2G16M2swhkEajQA38ABjDtMdQOntwAAAAASUVORK5CYII=");
}

.shipping-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAtpJREFUaEPtl1vIDlEUhp+fcqEQopwu5Y6UIofEBSlJSCTJDdckhxzKIaEkt5QiKaeUoihRTklJKeXWKaHIIVFiv1qj7x8z397z7Zn++TL7cmbtd693vXuttVcPXb56utx/GgJ9rWCjQKNAZASaKxQZwOjtjQLRIYwEyFNgHHAEmAcMijzjM3AD2Ao8i8T6Z3sWATn/GBhW8mEfgEnAizJxswhcAJYCV4D1wKvIA8cCx4AFwHlgeSRer+1ZBD7ZtZESL0s6TFjPAWEPKQnzD0wWgV92QNkVKsEN8V/X7LTzbzfwvd2GuhJIfL4KLARyyfcFAZ+y/VzVmmX5MgJYA5zKU6GOBBJfVwJnrIhMAL5mkagDgQHAXmA1MCon0rvMJqgPVJ3E6aAdALZ4MvsLMB54k7argwLqM6OBGa7z38sgcs1eBMeBdXUk4FN8IvDIHJ/smuyTVhJ1UkCV507OVToBrAXOAis6JXAXmB7ShTw2neRAAvkRGNopgdvAzAoIqArtsSqkXPCtXgGowxXyOZz8z8yV/4rAfPea3AhMc02lP/DQhp7LgSHMqzahuFEKHAQ25zh6KKARaWuWA+1wDwObWs4MJpDMAxpE1GSWABeBH8BOe+YKV61fyackXGY27cRIO1AEdzjw3gXqGzDQV4UuuZFysU1k6nznrEtqplXEWpeeAHoKqIOqkxYhoJqvPT7cRa50HgVWuTJ+HdCV+7uyklgvv/vpeguMca38dcpDlb3YkTMUV9Gf4kbSpz4C+q8RUHdQbAfbhpHAuxQBvdffBiZxnpkPV46rB21IOy9A33Ahm1vAbDfabbPr0uqIvu13/28CcwsSKQU3hIBGOpXKn8B24KQR16S0z0qqbDT+FVml4IYQkFM78gYKIyUVOlnRuKEE5NwcK6NTraY/MFK6CjErCrcIgRgnK9vbEKgstIHAjQKBgarMrFGgstAGAjcKBAaqMrOuV+A3nUWiMd8KW5cAAAAASUVORK5CYII=");
}

.quality-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAB41JREFUaEPVmQWMLUUQRc/H3d3d3QnuENzd3SW4uwZ31+Du7u4uwR2C6w/wkT6kBob330zPLLskVLLZl92Z7q7qW7du1evH/9z69eH5JwbOBYYDtgMe7ou9+sqBMYGHAJ1wj2+BBYDnetuJvnBgUeBMYCJga2Bk4GDgG2AH4ALgt95ypKcObAmsCrwHPAX8mg49LrA0MCPwM7A7cGwcdC9gP2Bw4F3gauDtcGRqYGbgPsDnfm/jXE8cmCA2H6TLRr8AN8dhO+Eya/x9qXQjg1Uc0v/d2tcOLJjwfE/aZH/ggQSJSYBBI7LexmeZA4wB6IyB8ObeSIeeCzgsIHdKXzuwKXAGsCZwaZvNap5dDbgMOC7lyo5t1uwJhG4IrE8IvN9ms5pnzR/XehOYok0etHVgduDRgJBsU2ejABcCA9LB1g0qrXv+tlQrFgfWi/caxaaNA2VunyccqdvknJQXG8YDJwHbZk5kXjwGfA/MDzzfxIOmDpi4VlW5fZ/g9br1pwOeBT4BholqPE0kbN17u6Tnj0z14mtAqs7mWM6BeYHDASNu8dk3cfkhmchIr8JBiK0BjJZ+vAFzZ/kG+N459pTZXoiAXVe1Z50DQ0UER0hXencUGa84Zzq8W7yzSFDsk8BMUQcOzC0AzAIcGjkh1U4OvNPtvToHhgU+B16PBU3GnG0EnB2MMifwcbwwWeSMib02cEluoYDeywm6st20gJ8HshyEimhuHtxfta+wOQjYI5Jwvi7CzcS8PeSEskIo1skGpYjFTSaTmbpazgHh80Hws3qlm3m9xycGUQZ8CCyXfp6ueFZFehUwaoLUtVG0ukIjEt7oSxyu2yMHfOlyYBVAGi3LBOFg1K3MijTlsxX1oww8Jg0nCtGndDggmKd41YPr2L1J5C1Ut17uBnxX5nGDOVIFfqK0mA3K3InuPg3leX4DhileV8wJSxPaQDwICLvCvCkPr3NK8kpr4sCegVeptNxVvRjJJdV5mEcyke/8t86fnm5j+iTNXwKsHYUtnBy6K0HtxOjm/pUDRUUVi2r5wlShpwbVmYwexoblp4wjQ4do2yTdgMl/R6LrLVKivlV6b8pUQ14NaW1u9diBogGRQpW/3cwNTGKTWXm9YpINX1Q8ax6ZvMpnD7gTcEuXZ0WGFDw8MB7wVZUHOQgJjdMiWc2FKhspkn0x4BXACv5lx8PjBNbtk62s6wTlVq15BLBrUKkw7mp1Dhh9o2AltO3rPFDngiamRUzOtuFZIlVvOzTNyYQtoxXWNlO5kOuLR49bsqCOX9Uo1TkgVr06m3G1zAnxuQ6SOm2xUvwJK3NCuyKoWHG2VgO2GiuivzFgLfLWWksJN1bHHw0YDW9DGWB060zxpvYRu1Lv2MCN8Tercf/M++aQxCEsHcc40TiqJxAq3hkyaFJxZYRVlLnG28Jn1B8PNSqD6Yw9c53Zpl4UTZBFUrj9UPdCLonL79pwqEqlTLV9ruLeXypOHsrbrDNZrGhiHM+4V9baOOBizoKUFl6x+KwzC5Nw+y5YKefwlUn/r5wU8DYJsidnTx4PNHHAvkA2kY005YTyVk73cHUmM8k2TRhHB23sld4+77tCtjZncg6MGMln0Vk2TioFmlTSpIzTG7ZSCDzXlfs1a4UyQ+q1xexqOQeUB5tFi6fW15aM6mn5tzExQW3/jJ4NUBMT796g0XWUskEk7PoxO3UNhZ79t724jVJrB5SxCio7MtvB4ipniGZFWpVey2NC9Yyq1LrRWfg8sLdnMvu5MOFihFWljlXURprsJ2sJ18qRY9UNOEmQESwgFiU1TtmczCkFXovpgzki78vzVk7xbJIXdGuTc15Mqh2bKJUd7npIA2Jv4EzVIUC5dbUttc+woZEUBsq5Kgeson4pkZWzHY4pvhyH2D94M9YMD2lNMNLWEgtjLvnLy1oLrOgq3606cdTNAZWiDYatpEnUZrNifSd4ws/c8OA6oTPdlGcuZ0SDk247OSF2Z/mFTgekzGdScqrHTdYmLKPK9EsLI3VTaXGbEr8HUFPZVZ1V+t8yqcI6xFKaGKicFflojgm5H4sXOh3wimWbJoWqWEO6E+Oyld/MlM3DG/1OGpRtzAlxb9VtYgUj/mOCXXZAvnVwJXbVMAopzQ5Lj9XnnVpG7XJx1ApbxCazI9e0E1Nq2KZ2G+bKevYAwscAaOaXSS0k7Z//bG8LBzy0h9eJKhMeXn1hqk57WelPoSb02phjdOen0rPayuFAYXZt5kyVyX6OefoXDphs6u5O8ws6zYJlYvpT3IJ/k/YsOA6qemLCVdiqg9RZmhjXMYcGK8TfhGDnEExyGZCrxMWhlBHXJ76+JtUHy7434bDW9tFI5Br5Kue8eacZs0XD49BLsagzq8fn2sA0dcBFbFKEmDMbo2+j8hcWexL+UsRd2yjbR6hghYiFKycC/8qBJvsXgsuENrksSEqD3jCbl72DLFxbuWEPkbU2N+CzFhSLmzLA37XdUnb3vx8YIuap6h7F3VRNGa2NA25n0kqbjk+stL1phe5x1qoCbWRtHZCttk+MdUyj1ds/5NrOQ4txTHaFtg5kF/yvH/gDaAyVQD+YIEkAAAAASUVORK5CYII=");
}

.br-product-details__delivery-card {
    display: flex;
    align-items: center;
    padding: 10px;
    gap: 10px;
}



/* Submit Button */
#submit-order {
    background: #563b36;
    color: white;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 12px;
    cursor: pointer;
    width: 100%;
    transition: 0.3s ease;
}

#submit-order:hover {
    background: #8d6963;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .offer-selection {
        flex-direction: column;
    }
}