.toppings-section{margin-top:15px;border:1px solid #eee;border-radius:6px;overflow:hidden}.toppings-header{background-color:#f8f9fa;padding:8px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.toppings-header h4{margin:0;font-size:14px;font-weight:600}.toppings-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out}.toppings-content.open{max-height:2000px;transition:max-height 0.5s ease-in}.toppings-inner{padding:10px}.toppings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.topping-item{border:1px solid #e9e9e9;border-radius:4px;overflow:hidden;text-align:center;transition:transform 0.2s;font-size:10px}.topping-item:hover{transform:translateY(-2px);box-shadow:0 3px 8px rgb(0 0 0 / .05)}.topping-image{height:40px;width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.topping-image img{max-width:80%;max-height:35px;object-fit:contain}.topping-info{padding:4px;background-color:#f8f8f8}.topping-name{font-size:10px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topping-price{font-size:10px;color:#e74c3c;font-weight:600}.topping-sizes{display:flex;justify-content:center;gap:3px;margin-top:2px;font-size:9px}.topping-size-item{display:flex;flex-direction:column;align-items:center}.topping-size-label{font-weight:600;color:#555}.topping-size-price{color:#e74c3c}.collapse-indicator{width:16px;height:16px;position:relative}.collapse-indicator:before,.collapse-indicator:after{content:'';position:absolute;background-color:#555;transition:transform 0.3s ease}.collapse-indicator:before{width:10px;height:2px;top:7px;left:3px}.collapse-indicator:after{width:2px;height:10px;top:3px;left:7px}.collapse-indicator.open:after{transform:scaleY(0)}@media (max-width:768px){.toppings-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.topping-image{height:35px}.topping-name{font-size:9px}.topping-price{font-size:9px}}.toppings-size-selector{display:flex;justify-content:center;margin-bottom:10px;gap:8px}.topping-size-btn{padding:3px 10px;border:1px solid #ddd;border-radius:15px;background:#f8f8f8;font-size:11px;cursor:pointer;transition:all 0.2s}.topping-size-btn.active{background:#e74c3c;color:#fff;border-color:#e74c3c}