.combo-hero{padding:74px 24px 66px;text-align:center;background:radial-gradient(circle at 50% 0,#fff8ed 0,#f3dfc3 52%,#dfbd91 100%);color:#422c22}.combo-hero>span{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;color:#9b6646}.combo-hero h1{font-family:var(--font-heading);font-size:clamp(40px,5vw,68px);line-height:1;margin:13px 0 17px}.combo-hero p{font-size:18px;max-width:660px;margin:0 auto;color:#705a4e}.combo-hero>div{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px;font-size:13px;font-weight:650}.combo-hero b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#704936;color:#fff}.combo-hero i{width:42px;height:1px;background:#b99677}.combo-builder{max-width:1420px;margin:auto;padding:50px 28px 80px;background:#fdfaf6}.combo-error{background:#fff0ed;color:#a63d34;padding:14px;border-radius:12px;margin-bottom:20px}.combo-group{margin-bottom:54px}.combo-group>header{display:flex;align-items:center;gap:15px;margin-bottom:19px}.combo-group>header>span{font-family:var(--font-heading);font-size:30px;color:#b58764}.combo-group h2{font-family:var(--font-heading);font-size:29px;margin:0;color:#422c22}.combo-group header p{margin:2px 0 0;color:#897468}.combo-clear{margin-left:auto;border:0;background:transparent;color:#895d45;text-decoration:underline}.combo-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.combo-product{position:relative;background:#fff;border:2px solid transparent;border-radius:18px;overflow:hidden;box-shadow:0 10px 32px rgba(91,57,37,.09);cursor:pointer;transition:.2s}.combo-product:hover{transform:translateY(-3px)}.combo-product.selected{border-color:#906247;box-shadow:0 13px 34px rgba(91,57,37,.17)}.combo-product input{position:absolute;opacity:0}.combo-check{position:absolute;z-index:2;right:12px;top:12px;width:29px;height:29px;border-radius:50%;background:#fff;color:transparent;display:grid;place-items:center;box-shadow:0 3px 12px #8b6b5633}.selected .combo-check{background:#704936;color:#fff}.combo-image{display:block;height:290px;background:#f7efe5}.combo-image img{width:100%;height:100%;object-fit:cover}.combo-image img.placeholder{object-fit:contain;padding:80px}.combo-info{display:flex;flex-direction:column;padding:15px}.combo-info small{text-transform:uppercase;letter-spacing:.1em;color:#a3775c;font-size:10px}.combo-info strong{font-family:var(--font-heading);font-size:18px;line-height:1.25;margin:6px 0;min-height:45px}.combo-info b{font-size:16px}.combo-none{grid-column:1/-1;border:1px dashed #d8bfa9;border-radius:15px;padding:35px;text-align:center;color:#8b776b}.combo-summary{position:sticky;bottom:14px;background:#34241d;color:#fff;border-radius:20px;padding:22px 26px;display:flex;justify-content:space-between;gap:30px;box-shadow:0 18px 45px #3c251d40}.combo-summary>div:first-child{flex:1}.combo-summary>div>span{text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:#d7b795}.combo-summary h2{font-family:var(--font-heading);margin:3px 0 10px}.combo-summary ul{list-style:none;padding:0;margin:0;display:grid;gap:3px}.combo-summary li{display:flex;justify-content:space-between;color:#dfd1c8;font-size:13px;max-width:650px}.combo-total{text-align:right;min-width:250px}.combo-total small{display:block;color:#c7b6ac}.combo-total strong{display:block;font-size:27px;margin:2px 0 9px}.combo-total button{border:0;border-radius:11px;padding:12px 17px;background:#d6ae7b;color:#35241c;font-weight:800}.combo-total p{margin:7px 0 0;font-size:10px;color:#bdaaa0}
@media(max-width:1100px){.combo-products{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.combo-products{grid-template-columns:repeat(2,1fr)}.combo-summary{position:static;flex-direction:column}.combo-total{text-align:left}.combo-hero>div{display:none}}@media(max-width:520px){.combo-builder{padding:35px 16px 55px}.combo-products{grid-template-columns:1fr 1fr;gap:10px}.combo-image{height:205px}.combo-info{padding:11px}.combo-info strong{font-size:15px;min-height:56px}.combo-group>header{align-items:flex-start}.combo-clear{font-size:12px}.combo-summary{padding:19px}.combo-total{min-width:0}.combo-hero{padding:55px 18px}.combo-hero p{font-size:16px}}

/* Stacked swipe-card combo experience */
.combo-builder{max-width:1040px}.combo-group{scroll-margin-top:145px}.combo-group.completed>header>span{background:#704936;color:#fff;border-color:#704936}.combo-group>header>span{width:48px;height:48px;border:1px solid #c8a98e;border-radius:50%;display:grid;place-items:center;font-size:23px;flex:0 0 auto;transition:.2s}.combo-deck{position:relative;min-height:430px;border-radius:24px;background:#ead6bd;padding:18px 72px;overflow:hidden;box-shadow:0 18px 45px rgba(78,48,30,.12);touch-action:pan-y}.combo-product{display:none;grid-template-columns:minmax(280px,46%) 1fr;min-height:394px;width:100%;margin:0;transform:none!important;box-shadow:none;border:2px solid transparent}.combo-product.active{display:grid;animation:comboSlide .25s ease}.combo-product.selected{border-color:#906247}.combo-image{height:390px}.combo-info{justify-content:center;padding:35px}.combo-info small{font-size:11px}.combo-info strong{font-size:clamp(24px,3vw,36px);min-height:0;margin:10px 0 17px}.combo-info b{font-size:23px}.combo-info em{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:25px;border-radius:12px;padding:13px 16px;background:#704936;color:#fff;font-style:normal;font-size:14px;font-weight:750}.combo-product.selected .combo-info em{background:#267044}.combo-product.selected .combo-info em:after{content:'ed'}.combo-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:43px;height:43px;border:0;border-radius:50%;background:#fff;color:#6f4935;box-shadow:0 5px 20px #52331e33}.combo-arrow.previous{left:16px}.combo-arrow.next{right:16px}.combo-counter{position:absolute;z-index:4;right:21px;bottom:17px;background:#fff;border-radius:99px;padding:6px 11px;font-size:12px;color:#755440}.swipe-hint{position:absolute;z-index:4;left:22px;bottom:20px;color:#6f5241}.combo-none{margin-top:145px;background:#fff}.combo-summary{bottom:12px;z-index:20}@keyframes comboSlide{from{opacity:.35;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.combo-deck{padding:12px 12px 54px;min-height:620px}.combo-product.active{grid-template-columns:1fr}.combo-image{height:355px}.combo-info{padding:22px}.combo-info strong{font-size:25px;margin:7px 0}.combo-info em{margin-top:14px}.combo-arrow{top:38%}.combo-arrow.previous{left:20px}.combo-arrow.next{right:20px}.swipe-hint{bottom:19px}.combo-counter{bottom:16px}.combo-summary{position:static}.combo-group{margin-bottom:42px}}@media(max-width:480px){.combo-deck{min-height:550px}.combo-image{height:300px}.combo-info{padding:18px}.combo-info strong{font-size:21px}.combo-group h2{font-size:25px}.combo-group>header>span{width:42px;height:42px;font-size:20px}}
.combo-product.selected .combo-info em{font-size:0}.combo-product.selected .combo-info em i{font-size:14px}.combo-product.selected .combo-info em:after{content:'Selected';font-size:14px}