.ceylon-purchase{--ceylon-accent:#c97446;scroll-margin-top:100px;margin:24px 0;font-family:inherit;color:#171717}
.ceylon-purchase [hidden]{display:none!important}
.ceylon-purchase__choices{padding:0;border:0;margin:0;min-width:0}
.ceylon-purchase__choices legend{font-size:18px;font-weight:700;margin-bottom:12px}
.ceylon-purchase__choice{display:flex;gap:12px;align-items:center;padding:16px 12px;border:1px solid #d7cec7;border-radius:10px;margin:10px 0;cursor:pointer;font-size:16px;line-height:1.45}
.ceylon-purchase__choice:has(input:checked){border:2px solid var(--ceylon-accent);padding:15px 11px;background:#fff7f1}
.ceylon-purchase__choice input{accent-color:var(--ceylon-accent);width:18px;height:18px;flex-shrink:0}
.ceylon-purchase__choice>span:nth-child(2){flex:1}
.ceylon-purchase__choice small,.ceylon-purchase__choice s,.ceylon-purchase__choice>span:last-child>strong{display:block}
.ceylon-purchase__choice small,.ceylon-purchase__choice s{font-size:12px;color:#66574e}
.ceylon-purchase__choice>strong,.ceylon-purchase__choice>span:last-child{white-space:nowrap}
.ceylon-purchase__frequency{padding:12px 16px;background:#fff7f1;border-radius:8px;font-size:13px;line-height:1.7}
.ceylon-purchase__frequency label{display:block;font-weight:700;margin-bottom:6px}
.ceylon-purchase__frequency select{width:100%;padding:12px;border:1px solid #c97446;border-radius:6px;background:white;font:inherit;color:inherit}
.ceylon-purchase__total{display:flex;justify-content:space-between;align-items:center;font-size:18px}
.ceylon-purchase__total strong{font-size:25px}
.ceylon-purchase__submit{display:block;width:100%;padding:18px 14px;color:white;background:#c97446;border:0;border-radius:7px;font:inherit;font-size:20px;font-weight:800;cursor:pointer}
.ceylon-purchase__submit:disabled{opacity:.55;cursor:not-allowed}
.ceylon-purchase__error{color:#a11937;padding:12px;font-size:14px}
.ceylon-purchase :focus-visible{outline:3px solid #302219;outline-offset:3px}
media-gallery .thumbnail-list{display:flex;flex-wrap:nowrap;overflow-x:auto}
media-gallery .thumbnail-list__item{flex:0 0 18%}
@media(max-width:480px){.ceylon-purchase__choice{font-size:14px;gap:8px}.ceylon-purchase__choice small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}