@charset "UTF-8";.custom-choices{margin-top:1rem;padding-top:1rem;display:flex;flex-direction:column;gap:20px}.main-choices,.sub-choices{display:flex;gap:20px}.sub-choices{display:grid;gap:10px;max-width:300px}.custom-choices>.sub-choices:nth-of-type(2){grid-template-columns:repeat(7,1fr)}.custom-choices>.sub-choices:nth-of-type(3){grid-template-columns:repeat(5,1fr)}.main-choice,.sub-choice1,.sub-choice2{position:relative;width:200px;height:auto;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform 0.2s ease-in-out}.sub-choice1,.sub-choice2{width:130px;height:auto}.main-choice:hover,.sub-choice1:hover,.sub-choice2:hover{transform:scale(1.05);box-shadow:0px 4px 10px rgba(0,0,0,0.2)}.main-choice img,.sub-choice1 img,.sub-choice2 img{max-width:100%;max-height:100%;border-radius:10px}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.0);opacity:0;transition:opacity 0.3s ease-in-out;color:#fff;font-size:5rem;font-weight:bold}.main-choice.active .overlay,.sub-choice1.active .overlay,.sub-choice2.active .overlay{opacity:1}.main-choice::before,.sub-choice1::before,.sub-choice2::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.0);opacity:0;transition:opacity 0.3s ease-in-out;z-index:1;pointer-events:none}.main-choice:not(.active)::before,.sub-choice1:not(.active)::before,.sub-choice2:not(.active)::before{opacity:1}.main-choice.active::before,.sub-choice1.active::before,.sub-choice2.active::before{opacity:0}.checkmark{position:absolute;z-index:2;font-size:5rem;color:orange;display:none;text-align:center;line-height:30px}.main-choice.active .checkmark,.sub-choice1.active .checkmark,.sub-choice2.active .checkmark{display:block}@media screen and (max-width:767px){.custom-choices{margin-top:0.5rem;padding-top:0.5rem;gap:10px}.main-choices{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"item1 item2 item3" "item4 item5 .";gap:10px;justify-content:center;width:100%}.main-choice:nth-child(1){grid-area:item1}.main-choice:nth-child(2){grid-area:item2}.main-choice:nth-child(3){grid-area:item3}.main-choice:nth-child(4){grid-area:item4}.main-choice:nth-child(5){grid-area:item5}.main-choice{width:100%;border-radius:15px}.main-choice img{max-width:100%;height:auto;object-fit:cover;border-radius:15px}.sub-choices{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:10px}.sub-choice1,.sub-choice2{width:98%;border-radius:12px}.sub-choice1 img,.sub-choice2 img{max-width:100%;height:auto;object-fit:cover;border-radius:12px}.checkmark{font-size:3rem}}