.btn-base{cursor:pointer;transition:var(--transition-fast);border:var(--border-width) var(--border-style);font-size:var(--font-size-base)}.btn-size{padding:13px 26px;margin-right:12px;margin-bottom:12px;border:var(--border-width) var(--border-style) var(--color-border);border-radius:0;font-size:var(--font-size-base);background:var(--color-bg);cursor:pointer;transition:var(--transition-fast)}.btn-size:hover,.btn-size.active{background:var(--color-text-dark);color:var(--color-bg);border-color:var(--color-text-dark);-webkit-text-fill-color:var(--color-bg)!important;-webkit-appearance:none}.btn-size:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-light)}.btn-size:disabled:hover{background:var(--color-bg-light);color:var(--color-text-dark);border-color:var(--color-border)}.btn-size:focus,.btn-size:focus-visible{-webkit-text-fill-color:var(--color-bg)!important;-webkit-appearance:none}.quantity-selector{display:flex;align-items:center;gap:var(--gap-small);margin-top:var(--gap-medium)}.quantity-btn{width:40px;height:40px;border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-bg);font-size:20px;cursor:pointer;border-radius:0;transition:var(--transition-fast)}.quantity-btn:hover{background:var(--color-text-dark);color:var(--color-bg);border-color:var(--color-text-dark)}#quantity{width:60px;height:40px;text-align:center;border:var(--border-width) var(--border-style) var(--color-border);border-left:none;border-right:none;font-size:var(--font-size-base);-moz-appearance:textfield;border-radius:0}#quantity::-webkit-outer-spin-button,#quantity::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-quantity:focus{outline:none}.btn-buy-now{border-radius:var(--border-radius);width:100%;height:48px;margin-top:var(--gap-xlarge);background:var(--color-primary);color:var(--color-bg);border:none;font-size:var(--font-size-medium);font-weight:var(--font-weight-normal);cursor:pointer;transition:var(--transition-fast);line-height:32px;animation:bounce 3s ease-in-out infinite;-webkit-text-fill-color:var(--color-bg)!important;-webkit-appearance:none}.btn-buy-now:hover{background:var(--color-success-hover);transform:translateY(-2px);box-shadow:var(--shadow-button);animation:none}.btn-buy-now:active{transform:translateY(0)}@keyframes bounce{0%,88%{transform:translateY(0)}92%{transform:translateY(-15px)}96%{transform:translateY(0)}98%{transform:translateY(-8px)}to{transform:translateY(0)}}.pagination-btn{padding:10px 20px;background:var(--color-bg-light);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-normal);color:var(--color-text);text-decoration:none}.pagination-btn:hover:not(:disabled):not(.disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg);transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.pagination-btn:disabled,.pagination-btn.disabled{opacity:.4;cursor:not-allowed;background:var(--color-bg-light)}.pagination-pages{display:flex;gap:5px;align-items:center}.pagination-page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-medium);background:var(--color-bg-light);border:var(--border-width) var(--border-style) var(--color-border);transition:var(--transition-normal)}.pagination-page:hover:not(.current){background:#e8e8e8}.pagination-page.current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.pagination-ellipsis{padding:0 5px;color:#666}.tag-button{display:inline-block;padding:4px 6px;background:var(--color-accent);color:var(--color-text);text-decoration:none;border-radius:var(--border-radius-round);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:var(--transition-normal);border:var(--border-width) var(--border-style) transparent}.tag-button:hover{color:var(--color-bg);transform:translateY(-2px);box-shadow:var(--shadow-tag)}
