.expanded-plan-card{background:color-mix(in srgb, var(--surface-inverse) 3%, transparent);border:1px solid color-mix(in srgb, var(--surface-inverse) 14%, transparent);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 10%, transparent);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface-inverse) 22%, transparent),inset 0 3px 0 0 color-mix(in srgb, var(--surface-inverse) 95%, transparent),inset 2.5px 0 0 0 color-mix(in srgb, var(--surface-inverse) 52%, transparent),inset 0 -2px 0 0 color-mix(in srgb, var(--info-surface-deep) 34%, transparent),inset -1.5px 0 0 0 color-mix(in srgb, var(--info-surface-deep) 22%, transparent);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.expanded-plan-card .banner{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.expanded-plan-card .banner .banner-image{aspect-ratio:16/8;border-radius:0;width:100%}.expanded-plan-card .banner .banner-image img{object-fit:cover;width:100%;height:100%}.expanded-plan-card .banner .badge{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;gap:4px;display:inline-flex;position:absolute}.expanded-plan-card .banner .price-badge{background:var(--primary);color:var(--text-white);box-shadow:0 2px 6px color-mix(in srgb, var(--ink) 20%, transparent);border-radius:999px;padding:6px 12px;top:12px;left:12px}.expanded-plan-card .banner .duration-badge{background:hsla(from var(--ink) h s l/.6);color:var(--text-white);border-radius:999px;padding:5px 10px;top:12px;right:12px}.expanded-plan-card .banner .duration-badge .icon{width:14px;height:14px}.expanded-plan-card .card-body{flex-direction:column;gap:12px;padding:16px;display:flex}.expanded-plan-card .title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.expanded-plan-card .title-row .plan-title{font-weight:700;line-height:1.2}.expanded-plan-card .title-row .recipes-pill{border:1px solid var(--primary);color:var(--primary);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.expanded-plan-card .title-row .recipes-pill .icon{width:15px;height:15px}.expanded-plan-card .meta-row{color:var(--text-2,var(--text-white));align-items:center;gap:10px;display:flex}.expanded-plan-card .meta-row .rating,.expanded-plan-card .meta-row .people{align-items:center;gap:5px;display:inline-flex}.expanded-plan-card .meta-row .rating .icon,.expanded-plan-card .meta-row .people .icon{width:15px;height:15px}.expanded-plan-card .meta-row .meta-divider{background:color-mix(in srgb, var(--text-white) 25%, transparent);width:1px;height:14px}.expanded-plan-card .recipe-thumbs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.expanded-plan-card .recipe-thumbs::-webkit-scrollbar{display:none}.expanded-plan-card .recipe-thumbs .recipe-thumb{cursor:pointer;scroll-snap-align:start;text-align:center;background:0 0;border:none;flex-direction:column;flex:none;gap:6px;width:92px;padding:0;display:flex}.expanded-plan-card .recipe-thumbs .recipe-thumb .thumb-image{background-position:50%;background-size:cover;border-radius:12px;width:92px;height:92px;position:relative}.expanded-plan-card .recipe-thumbs .recipe-thumb .thumb-image .thumb-index{background:var(--primary);width:20px;height:20px;color:var(--text-white);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;top:6px;left:6px}.expanded-plan-card .recipe-thumbs .recipe-thumb .thumb-title{color:var(--text-2,var(--text-white));-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.15;display:-webkit-box;overflow:hidden}.expanded-plan-card .plan-description{color:var(--text-2,var(--text-white));opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.expanded-plan-card .smart-utilization{background:color-mix(in srgb, var(--primary) 12%, transparent);border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.expanded-plan-card .smart-utilization .su-title{color:var(--primary);align-items:center;gap:6px;font-weight:700;display:flex}.expanded-plan-card .smart-utilization .su-title .su-icon{font-size:16px}.expanded-plan-card .smart-utilization .su-rows{flex-direction:column;gap:4px;display:flex}.expanded-plan-card .smart-utilization .su-row{color:var(--text-2,var(--text-white));justify-content:space-between;align-items:baseline;gap:12px;display:flex}.expanded-plan-card .smart-utilization .su-row .su-label{opacity:.8}.expanded-plan-card .smart-utilization .su-row .su-value{white-space:nowrap;font-weight:600}.expanded-plan-card .smart-utilization .su-row.su-save .su-value{color:var(--primary)}.expanded-plan-card .smart-utilization .su-row.su-actual .su-value{font-weight:800}.expanded-plan-card .smart-utilization .su-row .su-value.su-separate{opacity:.6;font-weight:500;text-decoration:line-through}.expanded-plan-card .open-plan-btn{background:var(--primary);color:var(--text-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:12px 16px;transition:filter .15s;display:inline-flex}.expanded-plan-card .open-plan-btn:hover{filter:brightness(1.05)}.expanded-plan-card .open-plan-btn .icon{width:16px;height:16px}