.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn--primary{background:var(--gradient-gold);color:var(--color-button-primary-text, #FFFFFF);border-color:var(--color-accent)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-gold);color:var(--color-primary);background:var(--color-accent-light)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.btn--light{background:#fff;color:var(--color-primary);border-color:#fff}.btn--light:hover{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent);transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--color-text);border-color:transparent}.btn--ghost:hover{background:var(--color-bg-alt)}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn--full{width:100%}.btn svg{width:18px;height:18px;flex-shrink:0}.btn--large svg{width:20px;height:20px}.btn--loading{pointer-events:none;opacity:.7}.btn--loading:after{content:"";width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.input,input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;padding:var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-appearance:none;appearance:none}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #e83a831a;outline:none}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)}textarea{min-height:120px;resize:vertical}select{padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231A1A2E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:18px}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-5)}.input--error,.form-group--error input,.form-group--error textarea,.form-group--error select{border-color:var(--color-error)}.form-error{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-error)}.input--success,.form-group--success input{border-color:var(--color-success)}.checkbox,.radio{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox input,.radio input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--color-accent)}.checkbox span,.radio span{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.4}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card__image{aspect-ratio:16/9;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card__image img{transform:scale(1.05)}.card__content{padding:var(--space-6)}.card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.card__text{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.card--featured{border:2px solid var(--color-accent);position:relative}.card--featured:before{content:"Popular";position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;background:var(--gradient-gold);color:var(--color-primary);border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);border-radius:var(--radius-full)}.badge--gold{background:var(--gradient-gold);color:var(--color-primary)}.badge--success{background:#22c55e1a;color:var(--color-success)}.badge--warning{background:#eab3081a;color:var(--color-warning)}.badge--error{background:#ef44441a;color:var(--color-error)}.badge--outline{background:transparent;border:1px solid currentColor}.avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);color:var(--color-primary);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar--lg{width:64px;height:64px;font-size:var(--font-size-xl)}.avatar--xl{width:96px;height:96px;font-size:var(--font-size-3xl)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a2ecc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:1000}.modal-overlay.is-open{opacity:1;visibility:visible}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);max-width:500px;width:calc(100% - var(--space-8));max-height:90vh;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:1001}.modal.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color-light)}.modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg-alt);color:var(--color-text)}.modal__close svg{width:20px;height:20px}.modal__body{padding:var(--space-6);overflow-y:auto;max-height:calc(90vh - 140px)}.modal__footer{display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-color-light)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-4px);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:100}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.progress{height:8px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}.progress__bar{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress--thin{height:4px}.progress--thick{height:12px}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.alert svg{width:20px;height:20px;flex-shrink:0}.alert--success{background:#22c55e1a;color:var(--color-success)}.alert--warning{background:#eab3081a;color:var(--color-warning)}.alert--error{background:#ef44441a;color:var(--color-error)}.alert--info{background:#3b82f61a;color:#3b82f6}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.tabs__tab{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center}.tabs__tab:hover{color:var(--color-text)}.tabs__tab.is-active{background:#fff;color:var(--color-text);box-shadow:var(--shadow-sm)}.tabs__content{padding-top:var(--space-6)}.tabs__panel{display:none}.tabs__panel.is-active{display:block}.stars{display:flex;gap:2px;color:var(--color-accent)}.stars svg{width:16px;height:16px}.stars--lg svg{width:24px;height:24px}.stars--sm svg{width:12px;height:12px}.skeleton{background:linear-gradient(90deg,var(--color-bg-alt) 25%,rgba(255,255,255,.5) 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:1em;width:100%}.skeleton--circle{border-radius:50%}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-color-light)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@media(max-width:768px){.btn--large{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.modal{max-width:calc(100% - var(--space-4));max-height:85vh}.modal__body{max-height:calc(85vh - 140px)}}
/*# sourceMappingURL=/cdn/shop/t/247/assets/elite-components.css.map */