.banner-entity{margin-bottom:3rem}.banner-entity__header{display:flex;align-items:center;flex-wrap:nowrap;gap:24px;padding:24px;background:#f5f5f5;border-radius:12px}.banner-entity__main{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.banner-entity__header--with-vehicle .banner-entity__main{flex:0 0 calc(33.333% - 12px);min-width:0}.banner-entity__logo{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-shrink:0;overflow:hidden;padding:12px}.banner-entity__logo img{width:100%;height:100%;object-fit:contain}.banner-entity__logo--zoom{padding:0}.banner-entity__logo--zoom img{width:130%;height:130%;object-fit:cover;object-position:center}.banner-entity__logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#ff4500;background:#ff45001a;border-radius:8px}.banner-entity__content{flex:1;min-width:0}.banner-entity__name{margin:0 0 8px;font-size:calc(var(--font-body-scale) * 2.4rem);font-weight:700;color:rgb(var(--color-foreground));line-height:1.2}.banner-entity__subtitle{margin:0;font-size:calc(var(--font-body-scale) * 1.4rem);color:rgba(var(--color-foreground),.6);display:flex;align-items:center;gap:8px}.banner-entity__vehicle{flex:0 0 calc(66.666% - 12px)}.banner-entity__vehicle-inner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:10px}.banner-entity__vehicle-logo{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:8px;padding:8px}.banner-entity__vehicle-placeholder{width:32px;height:32px;color:rgba(var(--color-foreground),.25)}.banner-entity__vehicle-img{max-width:100%;max-height:100%;object-fit:contain}.banner-entity__vehicle-info{display:flex;flex-direction:column;gap:4px;min-width:0}.banner-entity__vehicle-name{font-size:calc(var(--font-body-scale) * 1.5rem);font-weight:600;color:rgb(var(--color-foreground));line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.banner-entity__vehicle-engine{font-size:calc(var(--font-body-scale) * 1.3rem);color:rgba(var(--color-foreground),.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.banner-entity__vehicle-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}.banner-entity__vehicle-btn{padding:.85rem 1.5rem;font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.banner-entity__vehicle-btn--change{color:#fff;background:rgb(var(--color-accent-1))}.banner-entity__vehicle-btn--cancel{color:rgba(var(--color-foreground),.7);background:rgba(var(--color-foreground),.08)}.banner-entity__vehicle-btn:hover{opacity:.85}.banner-entity__spinner{width:16px;height:16px;border:2px solid rgba(var(--color-foreground),.1);border-top-color:rgba(var(--color-foreground),.5);border-radius:50%;animation:banner-entity-spin .8s linear infinite}@keyframes banner-entity-spin{to{transform:rotate(360deg)}}@media (max-width: 989px){.banner-entity__header{flex-wrap:wrap}.banner-entity__main,.banner-entity__header--with-vehicle .banner-entity__main,.banner-entity__vehicle{flex:1 1 100%}.banner-entity__vehicle-inner{width:100%}.banner-entity__vehicle-name,.banner-entity__vehicle-engine{max-width:none}}@media (max-width: 749px){.banner-entity{margin-bottom:1.5rem}.banner-entity__header{flex-direction:column;padding:16px;gap:12px}.banner-entity__main{flex-direction:row;align-items:center;gap:12px;width:100%}.banner-entity__logo{width:60px;height:60px;padding:8px;border-radius:10px}.banner-entity__content{text-align:left}.banner-entity__name{font-size:calc(var(--font-body-scale) * 1.8rem);margin-bottom:4px}.banner-entity__subtitle{font-size:calc(var(--font-body-scale) * 1.3rem);justify-content:flex-start}.banner-entity__vehicle{width:100%}.banner-entity__vehicle-inner{flex-wrap:nowrap;padding:12px;gap:10px}.banner-entity__vehicle-logo{width:40px;height:40px;padding:6px}.banner-entity__vehicle-info{flex:1;min-width:0;text-align:left}.banner-entity__vehicle-name{font-size:calc(var(--font-body-scale) * 1.3rem)}.banner-entity__vehicle-engine{font-size:calc(var(--font-body-scale) * 1.2rem)}.banner-entity__vehicle-actions{flex-direction:column;gap:6px;margin-left:0}.banner-entity__vehicle-btn{padding:.6rem 1rem;font-size:calc(var(--font-body-scale) * 1.2rem);text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-banner-entity.css.map */