.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;padding:var(--space-4) var(--space-8);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;text-decoration:none}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn svg{width:20px;height:20px;flex-shrink:0}.btn-primary{background:var(--color-gold);color:var(--color-navy-dark);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-gold-dark);color:var(--color-white);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-navy);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-navy-dark);color:var(--color-white);box-shadow:var(--shadow-navy);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--color-navy);border-color:var(--color-navy)}.btn-outline:hover{background:var(--color-navy);color:var(--color-white);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-navy)}.btn-ghost:hover{background:var(--color-navy-soft);color:var(--color-navy-dark)}.btn-sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.btn-lg{font-size:var(--text-lg);padding:var(--space-5) var(--space-10)}.btn-xl{font-size:var(--text-xl);padding:var(--space-6) var(--space-12);border-radius:var(--radius-lg)}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none!important}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:var(--tracking-wide);line-height:1.4}.badge-gold{background:var(--color-gold-soft);color:var(--color-gold-dark)}.badge-navy{background:var(--color-navy-soft);color:var(--color-navy-dark)}.badge-sky{background:var(--color-sky-soft);color:var(--color-sky-dark)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge-error{background:var(--color-error-soft);color:var(--color-error)}.badge-neutral{background:var(--color-surface);color:var(--color-text-body)}.badge-lg{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);overflow:hidden;transition:var(--transition-base);display:flex;flex-direction:column}.card-hover:hover{border-color:var(--color-border);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.card-image{aspect-ratio:16 / 10;background:var(--color-surface);overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.card-hover:hover .card-image img{transform:scale(1.05)}.card-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-snug)}.card-desc{color:var(--color-text-body);font-size:var(--text-base);line-height:var(--leading-normal)}.card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.card-meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.card-featured{border:2px solid var(--color-gold);position:relative;box-shadow:var(--shadow-md)}.card-featured:before{content:"\5de\5d5\5de\5dc\5e5";position:absolute;top:var(--space-3);left:var(--space-3);background:var(--color-gold);color:var(--color-navy-dark);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);z-index:var(--z-base);letter-spacing:var(--tracking-wide)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.form-label .required{color:var(--color-error);margin-inline-start:var(--space-1)}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:var(--transition-fast);width:100%;line-height:var(--leading-normal)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-sky)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-navy);box-shadow:var(--shadow-focus)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light)}.form-textarea{min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5468' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left var(--space-4) center;background-size:18px;padding-inline-start:var(--space-12)}.form-help{font-size:var(--text-sm);color:var(--color-text-muted)}.checkbox-wrapper,.radio-wrapper{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper input[type=checkbox],.radio-wrapper input[type=radio]{width:22px;height:22px;accent-color:var(--color-navy);cursor:pointer}.alert{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-inline-start:4px solid;font-size:var(--text-base)}.alert-info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-navy-dark)}.alert-success{background:var(--color-success-soft);border-color:var(--color-success);color:#1a5c3d}.alert-warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:#8a5a0b}.alert-error{background:var(--color-error-soft);border-color:var(--color-error);color:#882828}.icon-circle{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);flex-shrink:0}.icon-circle svg{width:28px;height:28px}.icon-circle-lg{width:72px;height:72px;border-radius:var(--radius-xl)}.icon-circle-lg svg{width:36px;height:36px}.icon-gold{background:var(--color-gold-soft);color:var(--color-gold-dark)}.icon-navy{background:var(--color-navy-soft);color:var(--color-navy)}.icon-sky{background:var(--color-sky-soft);color:var(--color-sky-dark)}.divider{height:1px;background:var(--color-border);width:100%}.divider-gold{height:3px;width:60px;background:var(--color-gold);border-radius:var(--radius-full)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/components.css.map */